使用 js 强制检查元素？

Question

已编辑答案：在大多数浏览器中，有一个名为 "Inspect" 或 "Inspect element" 的函数可以打开开发者工具。这允许您使用许多不同的工具，例如更改 DOM、运行 JavaScript、查找链接文件的来源、更改 CSS 和其他东西。这个工具集可以用来乱七八糟，也可以用于其他目的，比如在在线测试中作弊。这就是许多学校阻止学生使用此功能的原因。作为一个狂热的学习者和程序员，我决定使用其他方法。我想知道我是否可以使用 JavaScript 打开开发人员工具面板，即使我猜测 JavaScript 不能与浏览器反应，只能与页面反应。如果开发人员工具菜单有 JavaScript 替代项，请告诉我。谢谢你的时间，我真的希望我能得到问题的回复。对于任何想知道的人，我真的只能通过书签与页面进行交互。

Answer 1

如果它是自定义构建 Chrome 版本并且他们禁用甚至删除了该工具，那么您将无能为力。

Chrome接口不受Javascript的控制，仅用于渲染。您可以使用热键（Ctrl+Shift+J 或 I）、F12、右键单击元素或通过界面访问（如果启用）。

Answer 2

尝试创建书签并将其命名为 'Inspect Element'。然后将此代码分配给创建书签的 URL 部分：

javascript:void(myDiv=document.createElement('div'));void(myBody=document.getElementsByTagName('body')%5B0%5D);void(myDiv.style.background='url(http://www.andybudd.com/images/layoutgrid.png)');void(myDiv.style.position='absolute');void(myDiv.style.width='100%');void(myDiv.style.height='100%');void(myDiv.style.top='0');void(myDiv.style.left='0');void(myBody.appendChild(myDiv));

Answer 3

给你

javascript:(function()%7B(function() %7Bvar x %3D document.createElement("script")%3Bx.src %3D "https%3A%2F%2Fcdn.jsdelivr.net%2Fgh%2FSnowLord7%2Fdevconsole%40master%2Fmain.js"%3Bx.onload %3D alert("Loaded Developer Console!")%3Bdocument.head.appendChild(x)%3B%7D)()%7D)()

粘贴到书签的 url 部分并根据需要命名。

使用 js 强制检查元素？

Force inspect-element using js?

javascript

bookmarklet

inspect-element