AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

h5在手机浏览器显示正常，在iOS app内显示空白问题排查方法

2023-05-19 639
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： h5在手机浏览器显示正常，在iOS app内显示空白问题排查方法

1.iPhone用数据线连接电脑


2.打开电脑上的Safari浏览器


3.菜单栏选择开发，选择自己的设备，选中自动显示JSContext的网页检查器


1684481105926.png


4.运行项目代码到真机


5.打开有问题的webview


6.打开电脑上的Safari浏览器，菜单栏选择开发，选择自己的设备，选择打开的webview页面（如果不确定哪个是打开的webview页面，可以在鼠标停放在这几个页面的同时看手机上页面页面变蓝色的就是）


1684481114554.png


7.这时会自动打开网页检查器页面


1684481124087.png



8.查找有问题的元素，修改元素代码测试，可以在手机上实时查看结果


1684481133384.png

文章标签：
iOS开发
Android开发
移动开发
Web App开发
关键词：
APP h5
h5 APP
iOS App
iOS方法
h5手机
anny_4243
目录
相关文章
DK九月
|
3天前
|
移动开发 小程序 前端开发
使用php开发圈子系统特点，如何获取圈子系统源码，社交圈子运营以及圈子系统的功能特点，圈子系统，允许二开，免费源码，APP 小程序 H5
开发一个圈子系统（也称为社交网络或社群系统）可以是一个复杂但非常有趣的项目。以下是一些关键特点和步骤，帮助你理解如何开发、获取源码以及运营一个圈子系统。
DK九月
41 3
多客潇潇
|
14天前
|
移动开发 小程序 PHP
校园圈子论坛系统采取的PHP语音和uni账号开发的小程序APP公众号H5是否只需要4800元？是的，就是只需要4800元
关于校园圈子论坛系统采用PHP语言和uni-app开发的小程序、APP、公众号和H5是否仅需4800元这个问题，实际上很难给出一个确定的答案。这个价格可能受到多种因素的影响
多客潇潇
49 8
yxybox
|
17天前
|
缓存 移动开发 小程序
uni-vue3-wetrip自创跨三端(H5+小程序+App)酒店预订app系统模板
vue3-uni-wetrip原创基于vite5+vue3+uniapp+pinia2+uni-ui等技术开发的仿去哪儿/携程预约酒店客房app系统。实现首页酒店展示、预订搜索、列表/详情、订单、聊天消息、我的等模块。支持编译H5+小程序+App端。
yxybox
58 8
游客5fdji2pvmf8888
|
29天前
|
传感器 iOS开发 UED
探索iOS生态系统：从App Store优化到用户体验提升
本文旨在深入探讨iOS生态系统的多个方面，特别是如何通过App Store优化(ASO)和改进用户体验来提升应用的市场表现。不同于常规摘要仅概述文章内容的方式，我们将直接进入主题，首先介绍ASO的重要性及其对开发者的意义；接着分析当前iOS平台上用户行为的变化趋势以及这些变化如何影响应用程序的设计思路；最后提出几点实用建议帮助开发者更好地适应市场环境，增强自身竞争力。
游客5fdji2pvmf8888
40 5
疯狂的猿
|
1月前
|
移动开发 小程序
仿青藤之恋社交交友软件系统源码 即时通讯 聊天 微信小程序 App H5三端通用
仿青藤之恋社交交友软件系统源码 即时通讯 聊天 微信小程序 App H5三端通用
疯狂的猿
60 3
邹荣乐
|
2月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
邹荣乐
365 3
邹荣乐
|
2月前
|
算法 安全 前端开发
基于postMessage和BroadcastChannel实现浏览器跨Tab窗口通信的方法介绍
基于postMessage和BroadcastChannel实现浏览器跨Tab窗口通信的方法介绍
邹荣乐
104 0
会敲代码的_TT
|
7月前
|
iOS开发 开发者
苹果iOS App Store上架操作流程详解：从开发者账号到应用发布
很多开发者在开发完iOS APP、进行内测后，下一步就面临上架App Store，不过也有很多同学对APP上架App Store的流程不太了解，下面我们来说一下iOS APP上架App Store的具体流程，如有未涉及到的部分，大家可以及时咨询，共同探讨。
会敲代码的_TT
364 1
会敲代码的_TT
|
7月前
|
安全 数据安全/隐私保护 iOS开发
iOS App 上架流程图文教学
在上架App 之前必须先准备好开发者帐号，但申请开发者帐号因法兰克早在之前已经申请好了，故就跳过此步骤，直接从产生凭证到上传App开始讲起。首先，要将自己辛苦写好的App 送审的话，则要依序做完下列几件事情即可。
会敲代码的_TT
159 0
iOS开发欢乐使者
|
7月前
|
安全 数据安全/隐私保护 开发者
iOS App 上架流程图文教学（上）
iOS App 上架流程图文教学
iOS开发欢乐使者
110 0

热门文章

最新文章

  • 1
    【83行代码获奖代码】高中生@青藤木子 耗费一周给妈妈编写了一款语音识别APP
  • 2
    3个常用外贸软件及app工具整理
  • 3
    App_Code目录中存放不同语言的类文件导致错误的解决方案
  • 4
    15套帮助你展示 App 设计的透视屏幕原型素材
  • 5
    .replace(R.id.container, new User()).commit();/The method replace(int, Fragment) in the type FragmentTransaction is not app
  • 6
    重新想象 Windows 8.1 Store Apps (78) - 控件增强: ScrollViewer, FlipView, Popup
  • 7
    Google App Engine Web开发之java类到网址的映射——实现用java类处理jsp页面的提交
  • 8
    App 组件化/模块化之路——构建开发架构思路
  • 9
    微信公众平台小程序会是下一个App Store吗？
  • 10
    ios俩个APP之间跳转、传值
  • 1
    XML DOM 浏览器差异
    47
  • 2
    使用 Playwright 控制浏览器的启动、停止和等待
    365
  • 3
    playwright使用：启动浏览器与多种运行方式
    324
  • 4
    Playwright安装与Python集成：探索跨浏览器测试的奇妙世界
    146
  • 5
    实用的chrome浏览器命令
    77
  • 6
    jeecgboot开发环境服务启动刷新没问题，部署到tomcat，F5刷新或者浏览器刷新，会出现404
    220
  • 7
    控制浏览器发送请求采用请求方式的详细介绍
    129
  • 8
    使用PHPStudy搭建本地web网站并实现任意浏览器公网访问
    336
  • 9
    edge浏览器内存不足
    80
  • 10
    XML DOM 浏览器差异
    61

    • 相关课程

    更多
  • 互联网安全-移动APP漏洞风险与解决方案

    • 相关电子书

    更多
  • 女性移动App安全攻防战
  • 汇聚云计算的生态核能——云市场，云上APP Store
  • 千万级用户直播App——服务端架构设计和思考

    • 相关实验场景

    更多
  • 星轨-钉钉APP分发实训
    • 下一篇
    DataWorks售前咨询