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

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

2023-05-19 475
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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 iOS
浏览器ios
iOS App
h5 APP
anny_4243
目录
相关文章
ShaFaChuang-36210
|
5天前
|
移动开发 Android开发 数据安全/隐私保护
移动应用与系统的技术演进：从开发到操作系统的全景解析随着智能手机和平板电脑的普及，移动应用（App）已成为人们日常生活中不可或缺的一部分。无论是社交、娱乐、购物还是办公，移动应用都扮演着重要的角色。而支撑这些应用运行的，正是功能强大且复杂的移动操作系统。本文将深入探讨移动应用的开发过程及其背后的操作系统机制，揭示这一领域的技术演进。
本文旨在提供关于移动应用与系统技术的全面概述，涵盖移动应用的开发生命周期、主要移动操作系统的特点以及它们之间的竞争关系。我们将探讨如何高效地开发移动应用，并分析iOS和Android两大主流操作系统的技术优势与局限。同时，本文还将讨论跨平台解决方案的兴起及其对移动开发领域的影响。通过这篇技术性文章，读者将获得对移动应用开发及操作系统深层理解的钥匙。
ShaFaChuang-36210
25 12
胡东旭
|
2月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件，兼容 H5、小程序和 APP，提供丰富的注释和简洁代码，适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
胡东旭
62 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
VipSoft
|
2月前
|
iOS开发
App备案与iOS云管理式证书 ，公钥及证书SHA-1指纹的获取方法
App备案与iOS云管理式证书 ，公钥及证书SHA-1指纹的获取方法
VipSoft
100 0
App备案与iOS云管理式证书 ，公钥及证书SHA-1指纹的获取方法
如夜了我衣衫太薄便归家靠路灯
|
2月前
|
移动开发 前端开发 JavaScript
h5端实现调起微信app支付
h5端实现调起微信app支付
如夜了我衣衫太薄便归家靠路灯
46 0
蓝色流星1000
|
3月前
|
存储 移动开发 Android开发
使用kotlin Jetpack Compose框架开发安卓app， webview中h5如何访问手机存储上传文件
在Kotlin和Jetpack Compose中，集成WebView以支持HTML5页面访问手机存储及上传音频文件涉及关键步骤：1) 添加`READ_EXTERNAL_STORAGE`和`WRITE_EXTERNAL_STORAGE`权限，考虑Android 11的分区存储；2) 配置WebView允许JavaScript和文件访问，启用`javaScriptEnabled`、`allowFileAccess`等设置；3) HTML5页面使用`<input type="file">`让用户选择文件，利用File API；
蓝色流星1000
104 5
八音盒coding
|
3月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的多功能智能手机阅读APP的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的多功能智能手机阅读APP的详细设计和实现(源码+lw+部署文档+讲解等)
八音盒coding
56 7
游客jjw5lou74ja6k
|
2月前
|
移动开发 JavaScript 开发工具
微信浏览器内 h5 直接唤醒 app 之 微信开放标签 wx-open-launch-app
微信浏览器内 h5 直接唤醒 app 之 微信开放标签 wx-open-launch-app
游客jjw5lou74ja6k
52 0
wishCoding
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的多功能智能手机阅读APP附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的多功能智能手机阅读APP附带文章源码部署视频讲解等
wishCoding
58 1
蓝色流星1000
|
2月前
|
Java Android开发 UED
安卓scheme_url调端：如果手机上多个app都注册了 http或者https 的 intent。 调端的时候，调起哪个app呢？
当多个Android应用注册了相同的URL Scheme（如http或https）时，系统会在尝试打开这类链接时展示一个选择对话框，让用户挑选偏好应用。若用户选择“始终”使用某个应用，则后续相同链接将直接由该应用处理，无需再次选择。本文以App A与App B为例，展示了如何在`AndroidManifest.xml`中配置对http与https的支持，并提供了从其他应用发起调用的示例代码。此外，还讨论了如何在系统设置中管理这些默认应用选择，以及建议开发者为避免冲突应注册更独特的Scheme。
蓝色流星1000
86 0
青否数字人源码
|
3月前
|
机器学习/深度学习 人工智能 视频直播
AI直播手机APP震撼发布！3大场景直播，60秒一键开播！
🎉 青否数字人AI直播APP发布！🚀 在抖音等平台60秒一键开播，简化直播流程。💡 3种AI直播模式，融合6大AIGC技术，助力新手轻松直播带货且避免违规。💪 AI主播、声音克隆，实时话术改写，智能互动与讲品同步，提升转化。📊 实景与视频直播结合，适应多种场景。🌐 独立部署，自定义版权，1年免费升级，专业售后支持。🚀 (直播: zhibo175) #青否数字人 #AI直播
青否数字人源码
233 0
AI直播手机APP震撼发布！3大场景直播，60秒一键开播！

热门文章

最新文章

  • 1
    如何减少浏览器repaint和reflow（中）
  • 2
    JavaScript 浏览器对象（三）
  • 3
    如何添加360浏览器（chrome）添加JavaScript例外，禁止网站加载JS
  • 4
    一个单纯客观的稀土掘金浏览器插件测评 (下）
  • 5
    Flutter 插件url_launcher简介及使用，打开外部浏览器，拨打电话，发送短信，打开微信，支付宝，qq等
  • 6
    《JavaScript高级程序设计》阅读笔记（十五）：浏览器中的JavaScript
  • 7
    用 Pyqt5 打造一个精美 图片浏览器
  • 8
    (转载)IE 浏览器的创新
  • 9
    各浏览器对使用 document.id 和 document.name 获取对象的支持存在差异
  • 10
    为组件添加Expires头，最大化利用浏览器缓存
  • 1
    利用Termux和cpolar在手机上搭建Hexo博客，实现远程访问的完整指南
    49
  • 2
    MATLAB用深度学习长短期记忆 (LSTM) 神经网络对智能手机传感器时间序列数据进行分类
    78
  • 3
    手机与电脑投屏互联方案
    139
  • 4
    如何使用Android手机通过JuiceSSH远程访问本地Linux服务器
    82
  • 5
    基于Java的网上手机销售系统的设计与实现(源码+lw+部署文档+讲解等)
    64
  • 6
    【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
    47
  • 7
    通义大模型落地手机芯片！离线环境可流畅运行多轮AI对话
    155
  • 8
    html页面实现自动适应手机浏览器（一行代码搞定）
    510
  • 9
    解决使用document.activeElement.blur()禁止弹出手机默认键盘
    87
  • 10
    解决使用document.activeElement.blur()禁止弹出手机默认键盘ios版本17以上会出现闪屏问题
    65

    • 相关课程

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

    • 相关电子书

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

    • 相关实验场景

    更多
  • 星轨-钉钉APP分发实训
    • 下一篇
    无影云桌面