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

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

2023-05-19 397
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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开发
关键词：
浏览器方法
h5浏览器
APP h5
手机app
iOS App
anny_4243
目录
相关文章
郏国上
|
2月前
|
移动开发 JavaScript 前端开发
如何识别app中的页面是否是js（h5）页面
如何识别app中的页面是否是js（h5）页面
郏国上
34 2
weixin_836869520
|
2天前
|
移动开发 前端开发 JavaScript
解决浏览器兼容性问题的方法
解决浏览器兼容性问题的方法
weixin_836869520
7 1
泥腿子架构师
|
5天前
|
移动开发 前端开发 JavaScript
解决浏览器兼容性问题的方法
解决浏览器兼容性问题的方法
泥腿子架构师
18 3
憧憬blog
|
2月前
|
Android开发 iOS开发 开发者
App备案-iOS云管理式证书 Distribution Managed 公钥及证书SHA-1指纹的获取方法
App备案-iOS云管理式证书 Distribution Managed 公钥及证书SHA-1指纹的获取方法
憧憬blog
230 0
码农阿豪
|
6天前
|
移动开发 小程序 开发工具
微信支付的类型分析（JSAPI+APP+H5+NATIVE+付款码+合单）
微信支付的类型分析（JSAPI+APP+H5+NATIVE+付款码+合单）
码农阿豪
10 1
众所周知
|
11天前
|
域名解析 存储 缓存
HTTP请求流程概览：浏览器构建请求行含方法、URL和版本；检查缓存；解析IP与端口
【6月更文挑战第23天】 HTTP请求流程概览：浏览器构建请求行含方法、URL和版本；检查缓存；解析IP与端口；TCP连接（HTTP/1.1可能需排队）；三次握手；发送请求头与体；服务器处理并返回响应；TCP连接可能关闭或保持；浏览器接收并显示响应，更新缓存。HTTP版本间有差异。
众所周知
26 5
朝阳39
|
2天前
|
JavaScript
js document.compatMode【详解】（含准确获取浏览器宽高等尺寸的方法）
js document.compatMode【详解】（含准确获取浏览器宽高等尺寸的方法）
朝阳39
8 0
G佳伟
|
2天前
|
移动开发 小程序 前端开发
php + h5使用 scheme页面跳转微信小程序-其他浏览器一键跳转到微信并打开小程序
php + h5使用 scheme页面跳转微信小程序-其他浏览器一键跳转到微信并打开小程序
G佳伟
4 0
游客uqb2obj6pe7ry
|
2月前
|
存储 JSON 小程序
html在线预览CAD（手机小程序浏览DWG）二次开发图层表的方法
本文档介绍了DWG数据库中图层的存储结构及MxCAD库对图层的操作。图层信息存储于图层层表McDbLayerTable()中，每个记录对应一个图层，包含颜色、线型等属性，且有一个不可删除的默认"0"层。主要操作包括：通过MxCpp.getCurrentMxCAD()获取图层表，使用addLayer()添加图层，遍历图层，以及删除图层。此外，还展示了如何修改图层的关闭、冻结、锁定状态及颜色。提供了在线示例以演示这些功能。
游客uqb2obj6pe7ry
57 6
html在线预览CAD（手机小程序浏览DWG）二次开发图层表的方法
源码世界
|
2月前
|
移动开发 监控 供应链
JAVA智慧工厂制造生产管理MES系统，全套源码，多端展示（app、小程序、H5、台后管理端）
一开始接触MES系统，很多人会和博主一样，对MES细节的应用不了解，这样很正常，因为MES系统相对于其他系统来讲应用比较多!
源码世界
60 1
JAVA智慧工厂制造生产管理MES系统，全套源码，多端展示（app、小程序、H5、台后管理端）

热门文章

最新文章

  • 1
    如何在家中使用手机或电脑远程控制公司iStoreOS软路由下的电脑桌面
  • 2
    基于贝叶斯算法的手机垃圾短信过滤
  • 3
    微软发布Phi-3，性能超Llama-3，可手机端运行
  • 4
    R语言SVM模型文本挖掘分类研究手机评论数据词云可视化
  • 5
    刷机不求人 HTC手机刷机教程指南(转)
  • 6
    手机照相或选择相册，类似新浪微博的图片处理
  • 7
    实用的Chrome浏览器命令
  • 8
    XML DOM 浏览器差异
  • 9
    jeecgboot开发环境服务启动刷新没问题，部署到tomcat，F5刷新或者浏览器刷新，会出现404
  • 10
    javascript监听浏览器离开、进入行为
  • 1
    调试前端时，在浏览器上修改参数并重新调用接口
    145
  • 2
    《手把手教你》系列基础篇之（四）-java+ selenium自动化测试- 启动三大浏览器（下）基于Maven（详细教程）
    85
  • 3
    【问题篇】浏览器get请求带token
    158
  • 4
    Rtsp转Flv在浏览器中播放
    277
  • 5
    分析网站架构：浏览器插件
    107
  • 6
    《手把手教你》系列基础篇之（三）-java+ selenium自动化测试- 启动三大浏览器（上）（详细教程）
    64
  • 7
    微信公众号H5开发，在微信浏览器打开H5，无法一键下载图片
    91
  • 8
    微信外部浏览器或短信链接唤起微信小程序的解决方案
    360
  • 9
    vue-cli 如何让Eslint 报错在浏览器控制台输出
    59
  • 10
    js阻止浏览器默认事件和防止事件传播事件
    44

    • 相关课程

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

    • 相关电子书

    更多
  • 手淘iOS性能优化探索
  • From Java/Android to Swift iOS
  • 深入剖析iOS性能优化
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）