各位老铁们好，相信很多人对谷歌浏览器 sources都不是特别的了解，因此呢，今天就来为大家分享下关于谷歌浏览器 sources以及谷歌浏览器sources没反应的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！

本文目录

1. 谷歌浏览器hosts文件
2. 打开chrome浏览器开发者工具的方式
3. 谷歌浏览器 默认下载在哪个文件夹里了 找不到啊
4. 为什么谷歌浏览器开发者工具显示的鼠标是圆点
5. 谷歌浏览器的地址是什么呀
6. 谷歌浏览器下载的文件在哪里

一、谷歌浏览器hosts文件

Hosts是系统文件，可以将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”，当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从Hosts文件中寻找对应的IP地址，一旦找到，系统会立即打开对应网页，如果没有找到，则系统会再将网址提交DNS域名解析服务器进行IP地址的解析。

二、打开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博客专家。

三、谷歌浏览器 默认下载在哪个文件夹里了 找不到啊

谷歌浏览器默认下载的文件一般在C盘，查看方式如下：

1、首先打开谷歌浏览器，点击下图中标红的按钮，弹出如下所示的对话框。

3、这时候谷歌浏览将打开一个全新的页面，如下图所示。

4、将该页面滚动到最下方，找到【高级】，如下图中标红的框所示。

5、点击【高级】后，拉到快到最底部的时候，找到如下图所示的位置，就可以看到【下载内容】选项，这里显示的路径就是默认的谷歌浏览器文件下载后的保存路径。

四、为什么谷歌浏览器开发者工具显示的鼠标是圆点

GoogleChrome开发者工具只要安装了谷歌浏览器，就可以使用GoogleChrome开发者工具了，GoogleChrome开发者工具是内嵌到浏览器的开发工具,打开方式有两种：第一“按F12”，第二：shift+ctrl+iConsole介绍Console可以查看网页运行后提示的消息，错误或者警告以及输出内容等，网页后台可以使用Console.debug("输出内容")；来在Console输出显示，可以做到调试的作用吧，不过一般真正调试不是拿Console。console.debug("Console使用介绍");console是小写形式，不然提示没有ConsoleResources介绍Resources里可以查看web程序跑起来后所加载的一些资源（Resources），包括图片或者其他“值”，以及CookiesSources介绍Sources可以查看运行的脚本，调试一般都是在Sources调试的，所以程序开发者需要了解和熟悉Sources的使用Sources调试使用在左侧的脚本代码编号，鼠标点击即可添加断点，添加断点后，刷新网页，程序运行到断点即可看到断点调式的状态了，具体调试需要在自己想查看某个方法里边是否有问题，一步步排除，效果很好NetWork介绍NetWork可以看到网页加载的脚本和资源的时间，还可以看到某些不能加载成功的资源；这里有位是百度首页演示，百度首页内容很干净所以不需要加载什么图片等资源Elements介绍Elements这个就比如页面的每个元素吧，比如百度搜索这个图片，可以通过Elements找到，搜索框也可以，在底下的“放大镜”类似的控件，点击然后选择自己想要查看要素或位置，Elements会跳转到相应的实现代码

五、谷歌浏览器的地址是什么呀

1、谷歌浏览器的网址是chrome.google.com。谷歌浏览器是由Google公司开发的一款网络浏览器，旨在提供快速、简单和安全的网页浏览体验。作为最受欢迎的浏览器之一，谷歌浏览器的大多数用户是因为它灵活，快速，易于使用，有一个很好的界面和良好的用户体验。作为一款普及广泛的浏览器，谷歌浏览器在社交媒体、办公工具和其他在线服务的使用上也有广泛的应用。

2、谷歌浏览器的网址chrome.google.com是谷歌商店的一个网址，用户可以在这个网址上下载和安装谷歌浏览器的安装包。除了安装谷歌浏览器本身，该商店还提供了很多谷歌浏览器扩展和工具，可以帮助您更好地浏览和管理网页，例如广告拦截器、密码管理器、截图工具等等。由于谷歌浏览器的使用广泛，在网上聊天、电子邮件、社交媒体和在线研究等方面都有着广泛的应用。

六、谷歌浏览器下载的文件在哪里

1、打开电脑中的Google Chrome浏览器。点击浏览器界面右上角的三个点的图标。

2、在弹出的下拉窗口中，找到‘设置’选项，并点击进入设置界面。

3、进入设置界面后，滑动到界面的底部，并点击界面底部的‘高级’字样。

4、在界面的底部会为我们继续显示高级设置。在高级设置中，可以找到‘下载内容’设置模块，同时可以看到当前默认的下载位置。

5、点击下载内容模块中位置后方的【更改】按钮，并在弹出窗口中选择合适的下载位置，然后点击【选择文件夹】按钮。

6、设置成功后，在下载内容模块中可以看到下载位置已被成功修改。

好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！