很多朋友对于mac 谷歌浏览器调试和mac打开chrome调试不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！

本文目录

1. 如何在移动设备上调试html5开发的网页
2. 移动端手机调试的几种方法
3. 谷歌浏览器卡顿严重解决方法

一、如何在移动设备上调试html5开发的网页

通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。

2.1先在手机Safari中打开你想调试的网页，并用数据线连接到电脑（我这里是Mac）

2.2再在电脑上打开Safari点击【Develop】菜单，就会看到如下图所示（点击查看大图）：

3.3点击2.2中的网站名就会在电脑上打开Safari的控制台，如下图（点击查看大图）：

如上3.3图所示，此时你可以查看手机网页的DOM结构，并且和电脑端网页调试无异，当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来，如下图（点击查看大图）：

1.1【设置】>【关于手机】>【版本号（Build number）】，对版本号这一项连点7下（这是官方文档里的说法）就会提示“你已成为开发者”。

1.2再返回【设置】>【开发者选项】>【USB调试】打开手机USB调试。

这块比较麻烦，因为要装一下Android的SDK。

2.1下载Android SDK，并解压，我把整个adt目录放在了/Users/David/adt/这里。

2.2设置环境变量。打开终端在David路径下（形如 DaviddeMacBook-Pro:~ David$）输入 open.bash_profile，如果文件存在则会打开，如果不存在则再输入touch.bash_profile创建并打开这个文件。在文件里输入export PATH=$PATH:/Users/David/adt/sdk/platform-tools:/Users/David/adt/sdk/tools，关闭保存。最后在终端里输入 source.bash_profile来更新环境变量使其生效。终端里输入 adb出现命令帮助信息就是成功了。

2.3在终端里输入 adb forward tcp:9222 localabstract:chrome_devtools_remote。

3.1在手机上的Chrome里打开想要调试的网页，用数据线连接手机和电脑（我的是Mac。唉～我只是强调平台的不同，不要误会）。

3.2打开电脑上的Chrome，在地址栏里输入 about:inspect选中【Discover USB Devices】前面的复选框。出现下图画面（点击查看大图）：

4.1你可以点击图3.2中检测到的设备上正在运行的网站下面那个【inspect】，或者在浏览器中输入 localhost:9222打开手机正在浏览的网页列表，如下图：

4.2点击上图中的网站缩略图，就会跳转到Google的一个代理链接（链接可能被墙……，挂代理）就会打开如下图所示的控制台（点击查看大图）：

4.3这就和电脑上网页调试没什么差别了，鼠标经过DOM节点，手机上的布局同样也会高亮起来：

二、移动端手机调试的几种方法

很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决，因为缺乏可视化的界面。不似在PC端，我们能直观的去改变样式，或者是进行断点调试。

1、Chrome DevTools（谷歌浏览器）的模拟手机调试

3、Chrome DevTools远程调试Android

这种调试方式不仅能用于模拟手机调试还是主要的PC端页面调试的方式，这里主要说用于手机调试。

a.谷歌浏览器的开发者工具，可以参照下图右键选择”检查“或者使用快捷键F12，打开开发者工具。

b.打开后看到类似如下界面的开发者调试界面，Elements可以查看文档元素，Console可以在线调试js和查看输出结果，Sources可以调试JS和查看依赖资源，Network查看所有的网络请求等等。

c.如果没有需要模拟的机型怎么办？可以增加，点开机型设置面板，选择edit，然后可以在右方修改展示机型，如下：

a.使用数据线将 iPhone与 Mac相连

b.iPhone开启 Web检查器（设置 -> Safari -> 高级 -> 开启 Web检查器）

c.iPhone使用 Safari浏览器打开要调试的页面（以兰亭单品页为例）

d.Mac打开 Safari浏览器调试（菜单栏 —> 开发 -> iPhone设备名 -> 选择调试页面）

如果你的菜单栏没有“开发”选项，可以到左上角 Safari -> 偏好设置 -> 高级 -> 在菜单栏中显示“开发”菜单。

e.在弹出的 Safari Developer Tools中调试。

经过如上步骤就可在 Mac端调试 iPhone上 Safari运行的页面了。

a.在 Chrome浏览器地址栏中输入  chrome://inspect/#devices 并回车，就可以打开 Inspect调试界面，此时我们勾选Discover USB devices 选项便可以看到设备列表。

b.然后打开手机中开发者选项并打开 USB调试开关（具体方法自行百度，不同手机有一定区别），使用数据线将手机连接到电脑上，我们就可以在设备列表中看到自己的设备。

c.这时，打开手机上的Chrome浏览器，随便打开一个网址（以兰亭单品页为例），设备列表中你的设备下便会出现你打开的页面。

e.接下来你便可以和调试 PC界面一样通过 Chrome进行你所需要的调试，你在左侧屏幕上做的一切操作和你的手机上的操作会始终保持同步，如果你嫌左边这块多余，也可以关闭 Toggle Screencast只保留控制台本身。

三、谷歌浏览器卡顿严重解决方法

1、到目前为止，谷歌浏览器chrome的CPU占用率过高有三种解决办法1清除谷歌浏览器缓存cache按下Ctrl+ Shift+ Delete组合键，调出“清除浏览数据”的对话框，选中“清空缓存”，在“清除这段时间的数据”后面的下拉列表；原因是因为chrome默认启用了对所有网页启用GPU合成，自己关掉就可以了解决方案chrome地址栏运行 chromeflags，然后找到对所有网页执行 GPU合成 Mac， Windows， Linux选择“已停用”，然后重启浏览器。

2、Chrome浏览器卡顿一般是网页开多了，缓存多了把浏览器关掉，清缓存，然后重新打开即可；步骤一在Chrome浏览器地址栏中输入chromeflags后回车步骤二进入实验性功能页面后，按下Ctrl+F组合键，在弹出的搜索框内输入gpu，将搜索到所有的相关项都设置为“启用”温馨提示“启用”表示目前是停用状态，而“。

3、1建议可腾讯电脑管家里面的清理垃圾和电脑加速功能2删除一些多余的软件，有很多软件开机自带但是我们不需要，可以使用电脑管家的软件卸载功能卸载 3减少一些不必要的开机启动项，这个在电脑加速功能里有 4保持良好的。

4、你好，电脑卡的原因和解决办法电脑卡原因一内存太满，垃圾文件多~处理方法对电脑进行一次大清理不需要的文件与程序需要及时删除，避免占用大量的空间和网速内存太满，垃圾太多，先删除多余的文件，再进行彻底的程序；电脑垃圾过多，以及浏览器缓存过多都会影响速度，具体解决方法如下1造成卡顿的原因一般都是因为电脑当中缓存的东西太多了，清理一下就好了，这时大家可以用360安全卫士来提供帮助 2扫描完垃圾后，然后点击清理，清理完毕。

5、电脑卡可能是散热缓存垃圾等过多造成的，推荐你可以试试腾讯电脑管家，电脑开机时过长或是你运行的软件过多风扇灰尘转速不够灰尘过多导致的你电脑过热，所以你的电脑会卡，你打开腾讯电脑管家里硬件检测的检测温度的悬浮窗；谷歌浏览器页面总是卡死，无法下拉，流动条也无法拉动是不是特困扰，打开一堆有用的页面标签，直接关闭浏览器还得重新打开，其实解决方法很简单就是删除360安全卫士，这样可以从根本上解决这个问题当然啦你如果不嫌麻烦的。

6、首先点击最上面的“将所有标志重置为默认”按钮，设置完成后重新启动edge浏览器接着重新打开edge浏览器的开发者设置界面，向下拉滚动条，选中下面的“启用实验性JavaScript功能”及“启用实验性辅助功能”两项，最后重新启动浏览；去谷歌设置里面的高级设置里面把硬件加速模式关掉就可以了，我今天的谷歌浏览器也是突然就卡了，搞了一下午才搞好，亲测，非常有效。

7、2手机内存不足请您定期将不需要的文件删除卸载以提高手机运行速度3若是运行某第三方软件时卡顿，建议将其卸载或安装其他版本尝试若上述操作均无效，查看更多解决方案1查看手机是否存在版本更新，升级至最新；点视频卡死这很可能和chrome插件崩溃或者显卡驱动有关这有可能两种原因1是因为你的chrome安装的插件出现了问题，你可以在点击“设置”quot扩展程序quot，然后取消掉所有扩展程序试试看2可能是因为你的电脑显卡驱动的。

8、有时Chrome浏览器可能会出现卡顿或假死的症状，打开一个网页，要等很久，有时看视频时，视屏画面在正常播出，但Chrome浏览器对鼠标操作没有反应，只能重启Chrome浏览器，该如何解决这个问题呢方法步骤 1升级Chrome到最新；这绝对不是个案，我自己电脑，我哥电脑，单位电脑都是我装的谷歌浏览器，以前打开网页非常快并且没有卡顿现象，从2017年8月末开始，三台电脑打开谷歌浏览器都同时出现卡顿假死无响应现象我想应该是浏览器本身的问题问题。

9、将Chrome升级到最新版本，或恢复到上个可用版本确认虚拟内存已经开启如果电脑的虚拟内存没有开启，或虚拟内存比较小，可能会导致Chrome出现卡顿的情况，严重时还会出现quot计算机内存不足quot的异常鼠标右键点击quot我的电脑quot，在菜。

关于本次mac 谷歌浏览器调试和mac打开chrome调试的问题分享到这里就结束了，如果解决了您的问题，我们非常高兴。