1、可以使用手机端调试工具，如Chrome DevTools，可以在手机上检查网页的HTMLCSSJavaScript等内容，并实时调试网页布局样式功能等拓展此外，还可以使用模拟器来调试网页，只需要在电脑上安装模拟器，然后在模拟器上安装手。

2、1打开手机web检查器通过设置Safari高级Web检查器打开见下图点击查看大图，并且你会看到该选项下面对电脑操作的相应描述，照做就好2链接电脑Mac21 先在手机Safari中打开你想调试的。

3、自带safari浏览器就可以调试，方法如下1打开手机设置safari浏览器高级拉倒最下方打开下图2个选项2电脑Safari浏览器偏好设置高级底部勾上，菜单里有开发选项的自行忽略 然后就在菜单里开发选项里选择。

4、我们使用safari 浏览器 + ios手机的方式进行页面调试打开safari浏览器，并使其处于窗口的最上层点击顶部工具条的 “Safari浏览器” 选项，选择偏好设置，然后选择高级选项，在弹出框底部勾选 “在菜单栏中显示‘开发’菜单。

5、一使用快捷键 在浏览器打开一个网页后，按下键盘上的Ctrl+U组合键，就可以快速地打开该网页的源代码页面在这个页面中，我们可以找到所需的信息二右键查看源代码 在浏览器打开一个网页后，也可以通过右键点击页面。

6、推荐两个浏览器Firefox 浏览器，内置了响应式测试工具，可以通过 Firefox 工具 Web 开发者 自适应设计视图 启用 来进行调试Chrome浏览器，和火狐一样，直接按F12打开开发者模式，点击那个手机图标就可以，还有各。

7、手机端的火狐暂时还不支持这一操作，查看源代码目前只能在电脑上，桌面版的火狐浏览器里操作。

8、为什么要用此方法进行调试不再赘述，请看上篇文章iOS调试但是不同于iOS的是此方法安卓手机上必须装Chrome浏览器，但是一般app都是用的手机系统自带的浏览器来展示webview页面，所以并不能针对手机兼容性进行调试但是调试真机页面展示还是。

9、在浏览器中调试JS代码的方法 Chrome浏览器 按F12或是quot设置quot“工具”“开发者工具”，即可打开chrome的调试工具关于这个工具的用法，请参考“怎么使用chrome调试工具”这里主要讲怎么使用source这个选项来调试JS。

10、按F12打开谷歌浏览器的调试工具栏，在source中找到你要调试的js，在js的行号前面点一下就可以设置断点，再刷新一下页面就进入调试状态了，按F10F11的单步调试。

11、我打开了百度首页，鼠标移到 PC 端 Elements 面板上的搜索框代码部分，手机端就会有响应了PS在我的机器上 chrome 面板Elements 模块展开不好用，需要双击，而且双击展开后就关不上了UC 浏览器开发者版调试也有。

12、打开浏览器点击右上角三点，在下拉菜单中选中“工具”选项在快捷菜单中点击“开发人员工具”就进入了“手机调试模式”点击调试区域上面的“Responsive”，可以选择预设的屏幕参数，也可以自己设定屏幕尺寸还可以通过。

13、就是在此处设置了一个短点，运行到这的时候会自动停下，选中一些变量或元素就能知道现在的值或者在js代码中写debugger也能在debugger处停止火狐类似，不过火狐浏览器是在“调试器”中。

14、可以在 screen中，点击分辨率中间的互换按钮就可以了使用Chrome浏览器调试，配置好调试设置之后，可以自由输入 网址查看 在移动设备上的现实情况F12打开开发者模式，左上角有个手机屏幕的图标，点击一下即可。

15、如果你确定你打开的正确的链接，那么你可以看下自己是否有用到插件，如chosen，select2等插件都会在渲染的时候加上代码的。

16、注注意在这里看到的某些方法和属性是ES5新增的，记得兼容其他浏览器的支持情况哦上述给大家讲解的便是谷歌浏览器调试js的步骤，有这个需求的用户们可以了解一下上面的内容吧，希望可以帮助到大家。