关于ios的html怎么调试的信息

很多站长朋友们都不太清楚ios的html怎么调试，今天小编就来给大家整理ios的html怎么调试，希望对各位有所帮助，具体内容如下：

本文目录一览： 1、 iphone 6s手机怎么打开html文件？ 2、 如何在 iPhone 上用 Safari 打开本地 HTML 文件? 3、 iOS调试Webview 4、 如何调试iOS App中UIWebView和WKWebView使用的HTML文件 5、 如何在移动设备上调试html5开发的网页 iphone 6s手机怎么打开html文件？

材料/工具：iphone 6s

1、打开微信，点开网友发来的“你好”文件

2、点击“开始下载”

3、下载完毕后，点击“用其他应用打开”

4、在弹出的选项中选择添加到“备忘录”

5、在弹出的对话框中选择右上角的“存储”。

6、关闭微信，打开备忘录，点击“你好.html”标题

7、双击“你好.html”文件

8、这样我们的HTML网页文件就打开了，我的网页文件内容就是“你好”两个字.

如何在 iPhone 上用 Safari 打开本地 HTML 文件?

第一种方法：不越狱，通过GoodReader打开的，HMLT+CSS功能能够实现，但是JS有的功能可以实现，有的不可以。比如菜单移入移出和表格隔行换色，我在工具里面都能访问成功。

第二种方法：越狱装插件，为使 iPhone Safari 能够使用本地文件 ，需要安装一个插件 ： in Safari ,这个插件可在 Cydia 上下载安装。（终于找到一个让我手机越狱的理由了。 ）

iOS调试Webview

HTML、JS、CSS的Web三件套，时下占据了项目的主要业务部分，原生和JS的交互必不可少，下面总结iOS调试Webview的两种方法：

1.在手机设置里，找到Safair浏览器，在高级里启用Web检查器；

2.Mac上Safair浏览器，在偏好设置高级选项底部勾选“在菜单栏中显示开发菜单”；

3.手机连接Xcode工程，操作App跳转到JS页面，点击Mac上的Safair浏览器，在开发选项下拉菜单中，找到手机名称对应的html页面即可进入调试器；

( 参考链接 ）

1.使用brew安装 ios-webkit-debug-proxy

brew install ios-webkit-debug-proxy

若上面的命令不有效，尝试下面的命令安装

brew uninstall --force libimobiledevice ios-webkit-debug-proxy

brew install --HEAD libimobiledevice ios-webkit-debug-proxy

2.安装成功后，在终端输入下面的命令

ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html

若有问题，报错Could not connect to lockdownd. Exiting.: Permission denied，可输入下面的命令，再次尝试

sudo chmod -R 777 /var/db/lockdown/

3.保持终端命令连接状态，在chrome浏览器中打开 localhost:9221 ，点击真机选项；

4.操作App跳转到JS页面，下面两种方式均可进入调试器：

(1)在Mac的chrome中刷新页面，选中要打开的html连接，右键点击“复制链接地址”，新建标签页，在地址栏粘贴地址，按enter键进入；

(2)直接在谷歌浏览器地址栏中输入 chrome://inspect/#devices ，点击Target下方的inspect进入；

备注：

（1）手机上也要安装谷歌浏览器，否则终端可能无法连接到真机；

（2）复制JS页面地址时，不要用cmd+c快捷键，要右键单击“复制链接地址”，然后新建标签页，粘贴地址打开；

总结：

两种浏览器相比较，虽然Safair调试器打开方便，但容易卡住，有时无法查看JS的变量值，甚至打断点会闪退，建议使用Google Chrome浏览器调试方法。

如何调试iOS App中UIWebView和WKWebView使用的HTML文件

打开Safari----开发---找到你的iPhone手机（需要打开调试的iOS APP），然后开始调试。

如何在移动设备上调试html5开发的网页

1、打开手机web检查器。

通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。

2、链接电脑（Mac）

2.1 先在手机Safari中打开你想调试的网页，并用数据线连接到电脑（我这里是Mac）

2.2 再在电脑上打开Safari点击【Develop】菜单，就会看到如下图所示（点击查看大图）：

2.3 点击2.2中的网站名就会在电脑上打开Safari的控制台，如下图（点击查看大图）：

3.调试网页

此时你可以查看手机网页的DOM结构，并且和电脑端网页调试无异，当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来，如下图（点击查看大图）：

关于ios的html怎么调试的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。

查看更多关于关于ios的html怎么调试的信息的详细内容...