zoukankan      html  css  js  c++  java
  • 在macbook pro上调试iOS safari上的页面遇到的坑

    最近有需求希望能在电脑端Safari的开发者工具上调试手机端iOS的页面。不过遇到了很多坑,记录如下

    1. 一开始希望用mac和iOS上自带的handoff功能远程调试,准备工作是把手机端safari的Web inspector打开,手机和macbook用同一个iCloud账户登陆,打开macbook和手机的蓝牙,手机和macbook连上同一个网络。但结果是电脑端的Develop下面看不到手机端的页面。而手机端似乎出现了一个Safari的标志,但只是在锁屏页上看到,啥都干不了。网上查到不少macbook有这样的问题。

    2.后来不用handoff,直接把ipad用线缆连到macbook上,结果macbook上的safari上是出现了一个iPad的标签,但下面却显示“Enable Web inspector on device”,但我明明已经在ipad上的safari上启用了呀。网上一查,也有很多人有这个问题。无语了,苹果的系统问题也太多了。

    3.后来打算用第三方工具,先是装了一个ios-webkit-debug-proxy,用是可以用,但调试时在Console上看不到有任何输出。在作者的github上他提议用remotedebug_ios_webkit_adapter。貌似不支持。

    4.装了remotedebug_ios_webkit_adapter,在chrome://inspect/#devices页面上能看到ipad上Safari打开的页面。但是点inspect按钮却打开了一个空页面,过了会显示404,但这个工具目前已经被一个 https://inspect.dev/ 商业化的软件所代替,不维护了。后来不知怎么搞的,这个问题自己好了,点inspect可以打开手机端的页面来调试了,也能看到console了。

    喜欢艺术的码农
  • 相关阅读:
    RTT设备与驱动之串口
    RTT设备与驱动之PIN设备
    RTT之ENV
    MQTT学习之一
    思维导图软件
    英语单词学习方法
    RTT之POSIX
    10 个强大的JavaScript / jQuery 模板引擎推荐
    30个实用的jQuery选项卡/导航教程推荐
    jquery 自动完成 Autocomplete插件汇总
  • 原文地址:https://www.cnblogs.com/zjhgx/p/14747785.html
Copyright © 2011-2022 走看看