移动端真机调试

一、macbook - iphone - safari真机联调方式

  1. iphone - 设置 - Safari浏览器 - 高级 - 打开“网页检查器”
  2. Safari浏览器 - 偏好设置 - 高级 - 勾选“在菜单栏中显示‘开发’菜单” 

移动端真机调试_第1张图片

3. 设置好上面两步后,使用数据线链接电脑和手机。在手机上访问页面,在Safari浏览器的开发菜单下就可以找到访问的链接,然后点击“右侧”链接,就会进入到控制台,可以查看,样式,元素,网格等。

 移动端真机调试_第2张图片

 移动端真机调试_第3张图片

二、安卓 - chrome 真机联调

很多小伙伴可能不使用 Mac 或者不习惯 Safari浏览器 的开发者工具,没关系,谷歌也有类似的工具,而且更符合大家的使用习惯。有梯子的小伙伴&#

你可能感兴趣的:(html,html5,css)