Chrome DevTools中Evaluate on console位置及更新后消失问题咨询

嘿，我来帮你理清这两个问题：

一、旧版Chrome里「Evaluate on console」的位置 #

在早期Chrome版本中，你可以通过这几个途径找到它：

• 打开开发者工具（快捷键F12或Ctrl+Shift+I），切换到Sources面板
• 在左侧打开的代码文件里，右键点击任意一行代码，右键菜单中就会出现「Evaluate on console」选项
• 另外在Elements面板右键点击DOM元素时，部分旧版本也会提供这个选项，方便你快速在控制台中对该元素进行操作

二、Chrome 65版本找不到该选项的原因 #

Chrome团队在版本迭代时对DevTools的功能和UI做了优化调整，「Evaluate on console」这个选项并没有消失，而是被整合替换成了更便捷的操作方式：

1. 核心替代功能：「Store as global variable」
   如果你想快速把某个DOM元素或代码变量拿到控制台操作，现在右键点击目标（元素/代码行），选择「Store as global variable」，控制台会自动生成一个临时变量（比如temp1、temp2），直接输入这个变量就能进行操作，效果和原来的「Evaluate on console」完全一致，甚至更灵活。
2. 其他快速求值方式
   • 在Sources面板中选中任意代码片段，按下Ctrl+Shift+E（Windows/Linux）或Cmd+Shift+E（Mac），就能直接在控制台执行选中的代码
   • 要是你只是想测试某个表达式，直接在控制台输入回车即可，现在控制台还支持多行输入、语法高亮，体验比之前更好

说白了，Chrome只是把这个功能换了个更高效的呈现方式，适配了现代开发的使用习惯哦～

内容的提问来源于stack exchange，提问作者Allen