✨Chrome DevTools 使用指☞北 - 来源面板之脚本管理 🔔

忽略某个脚本或脚本格式 🌈

忽略文件树中的某个脚本或目录 🐾

• 如需忽略单个脚本或整个目录，请运行以下命令：

  1. 在来源 > 网页中，右键点击相应目录或脚本文件。
  2. 选择将目录/脚本添加到忽略列表。

  

• 如需取消忽略单个脚本或整个目录，在警告横幅上点击从忽略列表中删除

  

在“编辑器”窗格中忽略脚本 🐾

• 如需从 Editor 窗格中忽略脚本，请执行以下操作：

  1. 打开相应文件。
  2. 右键点击任意位置。
  3. 选择将脚本添加到忽略列表。

  

忽略“Call Stack”窗格中的脚本 🐾

• 如需忽略 Call Stack 窗格中的脚本，请执行以下操作：

  1. 右键点击脚本中的某个函数。
  2. 选择将脚本添加到忽略列表。

  

在设置中忽略脚本 🐾

• 在设置中可以设置忽略列表

  • 由扩展程序注入的内容脚本：是指由浏览器扩展程序注入到网页中的 JavaScript 脚本。

  • 来源映射中的已知第三方脚本：是指那些常用的库或框架的代码（如 jQuery、React、D3.js等），这些库通常通过 npm、CDN 等方式引入到项目中。

    

检查和修改脚本 🌈

使缩减后的文件可读 🐾

• 默认情况下，Sources 面板会美观输出缩减大小的文件。经过整齐输出后，编辑器可能会以多行显示单个长代码行，使用 - 指示它是行的延续。

如需在加载时查看缩小的文件，请点击编辑器左下角的 { }。

折叠代码块 🐾

• 若要折叠代码块，请将鼠标悬停在左侧列中的行号上，然后点击🔻收起。

  如需展开这段代码块，请点击它旁边的 {...}。

  

修改脚本 🐾

• 在修复错误时，您通常需要测试对 JavaScript 代码进行的一些更改。您不需要 在外部浏览器中进行更改，然后重新加载页面。您可在以下位置修改脚本： 开发者工具。

  如需修改脚本，请执行以下操作：

  1. 在 Sources 面板的 Editor 窗格中打开文件。

  2. 在 Editor 窗格中进行更改。

  3. 按 Command + S (Mac) 或 Ctrl + S（Windows、Linux）即可 保存。开发者工具会在 Chrome 的 JavaScript 引擎中修补整个 JS 文件。

     

搜索和替换脚本中的文本 🐾

• 如需搜索脚本中的文本，请执行以下操作：

  1. 在 Sources 面板的 Editor 窗格中打开文件。

  2. 若要打开内置搜索栏，请按 Command+F (Mac) 或 Ctrl+F（Windows、Linux）。

  3. 在栏中输入您的查询内容。 

     

     您可以选择执行以下操作：

     • 点击  匹配大小写以使查询区分大小写。
     • 点击  使用正则表达式，即可使用正则表达式进行搜索。

  4. 按 Enter 键。若要跳转到上一个或下一个搜索结果，请按向上或向下按钮。

• 如需替换您找到的文字，请执行以下操作：

  1. 在搜索栏上，点击  Replace 按钮。 
  2. 输入要替换的文本，然后点击替换或全部替换。

停用 Javascript 🌈

1. 根据您的操作系统，按下列按钮之一：

   • 在 Window 或 Linux 上，按 Ctrl + Shift + P
   • 在 MacOS 上，按 Command + Shift + P

   

   此时将打开命令菜单。

2. 开始输入 javascript，选择停用 JavaScript，然后按 Enter 键运行该命令。JavaScript 现已停用。

   

3. 为了提醒您 JavaScript 已停用，Chrome 会在地址栏中显示相应的  图标，并且开发者工具会在 Sources 旁边显示警告 ⚠  图标。

4. 要重新启用 JavaScript，请按以下步骤操作：

   • 再次打开命令菜单，然后运行启用 JavaScript 命令。
   • 关闭开发者工具。