通过 JS 打开“检查元素”窗口

Posted 2023-02-22

【中文标题】通过 JS 打开“检查元素”窗口

【英文标题】：Open "Inspect Element" window via JS

【发布时间】：2012-08-30 18:57:42

【问题描述】：

有没有提示使用javascript打开开发者工具控制台的功能或方法？ IE。单击页面上的某些内容，它将弹出。我假设“不”，因为我找不到它，但希望它是可能的。

【问题讨论】：

不，这是不可能的。启动 DevTool 控制台的最快方法是按 F12。以编程方式，afaik 不可能为任意页面启动开发工具。不过，我找到了一种为扩展页面启动开发工具的方法。

@RobW 因为这是在扩展中：你能告诉我这样做的方法吗？

该方法仅适用于打开开发工具实例，例如任何扩展的背景页面。我没有分享该方法，因为该应用程序可能不是 Chromium 开发人员想要的，并且可能在公开后被删除。 F12方法有什么问题？您正在寻找的东西可能会以不同的方式实现。

这是想要启动开发工具的可怕原因。几个免费提供的颜色选择器库已经存在。如果你非常喜欢 Webkit 的颜色选择器，请看一下它的源代码。如果您不想在颜色选择器库上浪费空间，请使用 <input type="color"> 元素。

这是 Chrome 中使用的颜色选择器在放入 Chrome 之前的链接....jsfiddle.net/bgrins/Bu6sn ....如果他谈到它，这里是该线程的链接...@ 987654322@

【参考方案1】：

不，不可能这样做，原因与无法在网页中使用 JavaScript 从本地计算机访问文件的原因相同。允许网页直接访问浏览器功能将是一个安全问题。

【讨论】：

正确答案.. 但推理错误。有很多浏览器“功能”可以通过网页通过 API 访问。

如果你去 iCloud.com，打开一张照片，右击，然后你会看到一个自定义的上下文菜单，还有一个自定义的检查按钮可以打开检查器

响应右键单击比直接使用 javascript 触发操作更安全。手动上传文件以响应您选择一个比在用户不知情的情况下直接在后台上传文件更安全。浏览器具有安全功能，允许某些操作响应触发它的手动指令，但如果不涉及手动操作，则不允许这些相同的操作。