使用js强制检查元素？答案

【问题标题】：Force inspect-element using js?使用js强制检查元素？
【发布时间】：2019-10-25 04:24:32
【问题描述】：

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

【问题讨论】：

什么是元素的“强制检查”？你的学校是如何阻止这件事的？
他们阻止了检查元素。我想知道是否可以强制检查元素打开。
是自定义浏览器打不开开发者工具面板吗？它是什么浏览器？您可以为该浏览器尝试相应的开发者工具键盘快捷键吗？可以安装其他浏览器吗？

标签： javascript bookmarklet inspect-element

【解决方案1】：

给你

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 部分并命名为你想要的。

【讨论】：

【解决方案2】：

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

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

【讨论】：

谢谢。我猜这就是我学校正在使用的。

【解决方案3】：

尝试创建一个书签并将其命名为“检查元素”。然后将此代码分配给创建书签的 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));

【讨论】：