大家好，今天小编来为大家解答谷歌浏览器overrides这个问题，谷歌浏览器override怎么用很多人还不知道，现在让我们一起来看看吧！

本文目录

1. rpgmv部署为andriod/ios后打开报错(谷歌浏览器)
2. 打开chrome浏览器开发者工具的方式
3. 电脑浏览器怎么设置为手机版

一、rpgmv部署为andriod/ios后打开报错(谷歌浏览器)

第一种方法：新建Chrome快捷方式

右击桌面上的Chrome浏览器图标，在弹出的右键菜单中选择“复制”，复制一个图标副本到桌面。右击该副本，选择“属性”，打开相应的对话框，在“目标”文本框的字符后面添加以下语句：“--user-agent="Android"”，如下图：

注意user前面是两个“-”，并且“chrome.exe”与“--user”之间有一个空格。确定之后，打开这个新建的Chrome快捷方式，输入3g.qq.com就可以浏览到像手机里打开一样的页面了。但是我反复测试就是失败，怎么回事？后来我发现原因了，原来要把之前打开的所有Chrome页面全部关闭后才行，换句话说，要把Chrome完全退出后再打开。

新建一个Chrome页面，然后按F12（也可以是点击菜单-工具-开发者工具），然后点击右下角的黑色锯齿小图标，如下图：

切换到“Overrides”标签，勾选“User Agent”和“Device metrics”，然后在“User Agent”下的下拉列表中选择不同浏览器、不同系统的选项，“Device metrics”选项会根据不同的选择显示不同的分辨率。

注：如果没有合适的“User Agent”选项可以选择最下边的other，自定义谷歌chrome浏览器的User Agent，然后通过“Device metrics”选项自定义分辨率。

第三种方法：一次性模拟iPhone和安卓手机

开始–运行中输入以下命令，启动浏览器：

chrome.exe--user-agent="Mozilla/5.0(Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1(KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"

chrome.exe--user-agent="Mozilla/5.0(iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10(KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10"

这种方法仅供特殊情况下使用，因为重启Chrome将不能恢复正常User-Agent，所以是一次性，推荐使用一、二两种方法。

二、打开chrome浏览器开发者工具的方式

1、Chrome提供的一些调试功能，在排查代码故障时非常有帮助。事实上，由于谷歌浏览器提供的调试工具太多，很多都被隐藏了起来，等待你去探索。

2、声明：本文已获作者Ferenc Almasi翻译授权。

3、Chrome DevTools（开发者工具）团队每月（

4、 ）都会在他们的网站上发布更新，你也可以在他们的官方 Twitter账户（

5、 ）上找到一些很棒的提示。如果你想了解更多关于 Chrome提供的工具的信息，我强烈推荐查看这两个信息来源。

6、在这篇文章中，我收集了 10个我经常使用但是别人可能不知道的功能。它们帮助我简化了工作流程，可以在更短的时间内完成更多的工作。

7、这里先从在控制台中保持日志说起。假设在重新加载页面之前或导航发生时出现了问题，你会尝试登录控制台，但所有内容都被清除了。解决方法很简单，但我很久以前就不知道了：

8、通常，当用户交互发生时会出现问题。捕捉这些事件来检查在交互中运行的位置和内容非常有帮助。幸运的是，我们可以通过访问 Sources选项卡，用 Ctrl P打开一个 js文件，并检查其中的相关事件：

9、对于 DOM操作也可以添加断点。通常可以断点在某节点接收到属性更改上，例如添加了某个 class。在一个大型代码仓库中搜索相关代码将耗费大量时间，其实你可以简单地为元素添加一个断点，然后剩下的交给 DevTools处理。

10、有时候我们对代码进行性能优化，会导致很多代码没有用了但是还没及时清除。在覆盖工具的帮助下，你可以分析资源并查看哪些行没有执行。如果你关注的不是所有交互，只执行你所关注的交互操作有助于你获取准确的覆盖率。你可以点击 Ctrl Shift P打开工具面板，然后点击重新加载图标开始记录，所有以红色显示的内容都不会被执行。

11、不必要的重绘也会导致性能问题。假设你的页面上有一个倒计时，每次更新都会导致整个页面重新绘制。你可以通过在 Render选项卡中启用 paint flashing来解决这些问题，并查看哪些元素触发了这些问题。

12、同样，Ctrl Shift P会弹出工具栏。

13、在 Rendering选项卡上启用重新绘制

14、既然上面讨论了渲染，那么让我们来看看如何调试 CSS动画。用 Ctrl Shift P打开工具菜单，输入“ animation”它将为你打开动画标签，这将记录任何发生在网站上的动画。你可以重播它们，看看它们的宽松程度，然后根据时间或持续时间调整：

15、我们经常需要与其他人分享截图来验证更改。如果你不得不重复多个步骤，这个任务可能会消耗时间：

16、这可以在 DevTools内部完成。你可以从整个页面、单个节点(被选中的节点)或视图中创建图像：

17、假设你正在调试一个问题，并且你的代码中有两个断点。你正在进行堆栈跟踪，你会发现堆栈信息中大多数来自核心框架文件，如 React或 jQuery。为了避免在调试器中包含这些核心文件，你可以对它们进行黑盒处理，这意味着 DevTools将跳过这些文件，以便你可以专注于自己的代码。

18、本地覆盖是我最喜欢的一个，我发现自己使用它越来越频繁。它是一个强大的工具，使你能够加载生产文件的本地副本，并使用它们来替代捆绑的副本。当一个问题只发生在特定的环境中而不能在本地复现时，这一点尤其有用。

19、你可以在“Source”选项卡下启用 Overrides（重写）。如果你没有看到 Overrides链接，点击 Page右侧的锯齿图标。你可以将漂亮的打印文件复制到你本地文件并对其进行扩展。重写将通过页面重新加载保持。

20、我发现自己一直在使用 Lighthouse面板，这是为了审计你的网站在各种指标：性能，PWA，可访问性，或搜索引擎优化。你还可以选择审计不同的设备以及模拟网络连接，它为你提供了哪些可以改进以及如何改进的参考。你可以在“Audits”选项卡下进入“灯塔”，如果你没有看到标签，只需点击锯齿符号来显示隐藏的标签。

21、生成报告后，可以将结果保存为 JSON文件，稍后导入以进行比较。

22、上面是必须知道的 10个 Chrome开发工具特性，它们帮助我简化了工作流程，并且在更短的时间内完成了更多的工作。

23、你每天使用的 Chrome开发者工具的功能是什么?请在评论中告诉我们。

24、 

25、作者简介：Ferenc Almasi，匈牙利前端开发者，热衷于开发和设计新的交互式应用程序。他还喜欢尝试新技术，创造简单而有吸引力的东西。

26、译者：明明如月，知名互联网公司 Java高级开发工程师，CSDN博客专家。

三、电脑浏览器怎么设置为手机版

不同浏览器设置方法不同，这里举例谷歌浏览器、火狐浏览器和360浏览器

1、打开360浏览器，右击空白处，点击“审查元素”。

2、点击“审查元素”界面右下角“设置”按钮，如下图所示。

3、点击“Overrides”，勾选“Enable”和“User Agent”。

4、完成以上步骤后，在下拉框中根据自己的需求选择手机系统。

5、操作完成后，在地址栏中输入你想测试的手机链接。

1、电脑谷歌浏览器模拟手机浏览器也是很好用的，设置步骤和360浏览器一样，这里就不图片介绍了。右击空白界面选择“审查元素”，点击右下角“设置”进入设置界面，点击“Overrides”，勾选“User Agent”。

2、完成以上设置后，在地址栏中输入手机链接测试了。

相较于360和谷歌浏览器，火狐浏览器设置相对来说比较麻烦一点，还要下载插件“User Agent Switcher”。由于网络比较差，User Agent Switcher插件我就不上传了，大家可以百度搜索下载。完成后，选择用火狐浏览器打开就自动附加上了。

然后点击“工具”-“Default User Agent”-“iPhone 3.0”。

如果你还想了解更多这方面的信息，记得收藏关注本站。