zoukankan      html  css  js  c++  java
  • 通过chrome浏览器调试手机页面(IOS和Android)

    开发PC页面的时候使用chrome浏览器的开发者工具,可以很容易的捕获到页面的dom元素,并且可以修改样式,方便调试,但是手机上却很麻烦,因为手机上没有办法直接打开开发者工具查看元素。其实可以通过将设备连接到PC,使用PC的开发者工具检测

    一、针对android设备

    1、在android设备上开始开发者模式

    2、将设备连接到PC,在chrome浏览器地址栏输入:chrome://inspect/#devices

    3、在手机上打开网页的时候,chrome就会检测到网页,可以直接调试

    二、针对IOS设备

    PS:如果使用的是MAC电脑,可以直接在safari的开发里面找到,我的Iphone里面可以检测网页

    1、在Iphone的设置-》safari-》高级-》web检查器。打开

    2、在电脑上安装ios_webkit_debug_proxyRemoteDebug iOS WebKit Adapter

    3、启动RemoteDebug iOS WebKit Adapter

    remotedebug_ios_webkit_adapter --port=9000

    4、在chrome地址栏输入:chrome://inspect/#devices,在Discover network targets里面增加localhost:9000,就可以在chrome里面调试手机页面了

  • 相关阅读:
    XML Schema (1)
    xml
    java输入输出流(内容练习)
    Java中I/O的分析
    java File类
    java中Map的用法(HaspMap用法)
    Git
    oracle安装分析
    博客第一天
    正则化 L1 L2
  • 原文地址:https://www.cnblogs.com/tootwo2/p/6819186.html
Copyright © 2011-2022 走看看