美文网首页
iOS借助google/ios-webkit-debug-pro

iOS借助google/ios-webkit-debug-pro

作者: 有一个美丽的小女孩 | 来源:发表于2018-09-19 16:25 被阅读0次

        这是自动化比较好的助力,比如在某app中时进行操作时,要跳转到某个网页,这时用app查看元素是查看不了的,因为这是h5的页面,所以查看app的工具是查询不到的。

    1.安装

    终端输入:brew install ios-webkit-debug-proxy

    出现问题1:

            The following directories are not writable by your user:

            /usr/local/share/man/man5

            /usr/local/share/man/man7

    解决方法:因为是该目录无权限无法写入的问题,所以直接sudo给上权限就可以了,然后再使用安装命令就可以了,示例如下图:

    2.手机端开启safair web检查器

    设置 --> safari --> 高级 --> web检查器

    3.启动proxy

    3.1 先usb连接iPhone

    3.2 终端输入:ios_webkit_debug_proxy(启动方式一)

    3.3可直接指定位置启动(启动方式二)

        // -f 参数直接指定使用chrome的devtools作前端。

        终端输入:ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html

    4.打开chrome,然后输入以下地址进行连接(在次之前记得打开手机safair)

    4.1.先输入地址:http://127.0.0.1:9222   查看

    4.2复制链接到新窗口地址栏粘贴就可以抓取手机页面元素,以下就是从手机端投射过来的(其实到这步就算是完结了,后面只是记录的一些实验记录,看看效果)

    实验记录:

    5.2.查看元素网址:

    5.2.1官方地址:http://chrome-devtools-frontend.appspot.com/static/27.0.1453.93/devtools.html

    5.2.2直接查看的地址:chrome-devtools://devtools/bundled/inspector.html?ws=localhost:9222/devtools/page/1

    官方还没研究透,不知道为啥显示不出元素来,感觉是没实际性内容的原因,有可能;直接可看的地址,在safair上点击操作,网页会对应上所点元素位置

    有问题的话可以查看此文:proxy详解

    https://github.com/google/ios-webkit-debug-proxy/blob/master/README.md(直接给出来吧,插入的连接咋点不动)

    相关文章

      网友评论

          本文标题:iOS借助google/ios-webkit-debug-pro

          本文链接:https://www.haomeiwen.com/subject/uvuinftx.html