safari调试工具h5手机_iOS通过safari真机调试H5页面

在app的有些模块里使用h5页面展示可以给移动开发者带来很大的方便, 但是一旦涉及到与本地交互的时候, 调试并不是很方便. 通过谷歌发现通过Safari 辅助功能，可以很好的发现定位问题.

总结操作不走如下:

1. 手机 ->设置->Safari ->高级->JavaScript 打开、Web检查器打开

2.通过xcode 连接手机运行App

3.在App中进入到H5展示到页面

4.在Mac上打开Safari： Safari->偏好设置->选择 “在菜单栏中显示“开发””选项.

5.Safari->开发

总结操作不走如下:

1. 手机 ->设置->Safari ->高级->JavaScript 打开、Web检查器打开

2.通过xcode 连接手机运行App

3.在App中进入到H5展示到页面

4.在Mac上打开Safari： Safari->偏好设置->选择 “在菜单栏中显示“开发””选项.

5.Safari->开发

image.png

image2.png

6.然后在控制台上调试了

safari调试工具h5手机_iOS通过safari真机调试H5页面相关推荐

android studio连接小米手机mi 5s plus真机调试连接不上
参考:http://www.miui.com/thread-8126923-1-1.html android studion 3.2.1 小米5s plus 前提打算连接本人小米手机调试程序,发现一 ...
【Android studio】使用小米手机（MIUI8）真机调试
Android studio 虚拟机调试启动很慢,而且有些应用还必须要用手机调试,还得把apk发到手机上安装,比较麻烦.所以手机通过USB直接连接电脑在线调试,方便快捷. 手边有一部小米的MI ...
手机投屏uniapp真机调试
下载工具:total control 下载完毕后,数据线连接手机点手动开启,按照步骤来,链接成功后用Hbuilder x打开项目,运行到手机成功.
H5在iphone移动端如何实现真机调试
最近公司要实现苹果移动端和H5的交互,因为平时用H5的不多,对iOS的比较熟悉,用H5的界面出问题就定位不出问题出在原生端还是H5端.应运而出iphone真机调试H5界面. 设置iphone 1.设置 ...
企业微信小程序_小程序开发工具及真机调试_host配置及代理
文章目录一.开发前准备 1. 开发文档 2. 工具安装 3. 安装插件 4. 调整编译模式 5. 选择企业 6. PC 调试前端 7. PC 调试后端二.甄姬调试前端 2.1. 预览小程序 2.2 ...
微信开发者工具-真机调试
如何想再手机上预览小程序,微信扫一扫,就可以实现预览,前提是手机和电脑在同一局域网. 方法一:微信开发者真机调试(推荐) 1. 用[微信开发者工具]打开该文件包 2. 然后选择[真机调试]-[二维码真 ...
微信开发者工具-真机调试，可查看接口信息
之前测试小程序查看接口信息,是需要打开调试模式,手机界面小,看着多多少少有点不方便. 现在发现了可以直接找前端要文件包,用[微信开发者工具]打开该文件包,然后选择[真机调试]-[二维码真机调试],生产 ...
笔记本电脑uniapp真机调试搜索不到设备
遇到的问题,笔记本uniapp真机调试时,搜索不到设备.之前一段时间都是可以运行的,就很突然某一天运行时,然后搜索不到了 1.遇到的情况如下:未检测到手机或模拟器 2.插上数据线,电脑是有检测到我们的 ...
【uniapp】真机调试
android 真机调试手机型号:华为 p50Pro HBuilder X 版本:3.4.7.20220422 设置 - 关于手机 - 版本号(连续点击8次,直到提示打开了开发者模式) 设置 - 系 ...
如何真机调试微信h5页面
最近在项目中接手微信环境h5页面的开发,主要的是使用微信 JS-SDK 做原有项目部分功能在微信环境下的适配. 目前项目暂时告一段落,希望可以用几篇文章记录并分享这些天来学习.开发微信h5页面的心得. ...

safari调试工具h5手机_iOS通过safari真机调试H5页面

safari调试工具h5手机_iOS通过safari真机调试H5页面相关推荐

最新文章

热门文章