您的功能键在 Chrome DevTools 中的作用
键盘上的功能键不再像过去那样受欢迎，但根据您运行的应用程序，它们仍然可以派上用场。 Chrome DevTools 有一些有趣的功能隐藏在你的功能键后面。这就是他们所做的。
什么是 Chrome 开发者工具？
顾名思义，Chrome DevTools 是 Google Chrome 浏览器中的一套开发者工具。 Chrome DevTools 通常用于通过挖掘所述网页的 HTML 源代码来诊断网页问题。
Chrome DevTools 还用于查看实施特定更改后某些网页的外观。开发人员实际上可以通过直接在 DevTools 中编辑页面的 HTML 来实现这一点。事实上，您可以更改任何网站的外观。当然，除了您之外，其他任何人都看不到这些变化。
在 Chrome DevTools 中使用功能键
与键盘快捷键一样，功能键可以帮助您增加某些任务的输出。以下是功能键在 Chrome DevTools 中的作用。
| Function Key | Description |
| F1 | Displays the Settings menu. You can also show the settings menu by simply pressing “?”. |
| F2 | Turns on the Edit as HTML function, allowing you to edit the selected element on the webpage. |
| F3 | None |
| F4 | None |
| F5 | Does a normal reload of Chrome DevTools. Alternatively, use Ctrl+R.
Use Control+F5 to do a hard reload. Alternatively, use Ctrl+Shift+R. |
| F6 | None |
| F7 | None |
| F8 | Pauses (or resumes, if currently paused) script execution. Alternatively, use Ctrl+\. |
| F9 | None |
| F10 | Steps over the next function call. Alternatively, use Ctrl+’. |
| F11 | Steps into the next function call. Alternatively, use Ctrl+;.
Use Shit+F11 to step out of the current function. Alternatively, use Ctrl+Shift+;. |
| F12 | Opens the panel that you just previously used. Alternatively, use Ctrl+Shift+I.
If you’re not currently in Chrome Devtools, you can use the F12 key to open it up in Chrome! This brings you straight to the Sources tab. |