javascript - 使用js强制检查元素？

Question

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

Answer 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 部分并将其命名为您想要的。

Answer 2

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

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

Answer 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));