问题标签 [inspect-element]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 当 Chrome 中的“检查元素”显示 CSS 的预期行为但实际结果不同时，有什么想法？
我遇到过几次这种情况——我在编写或修改 CSS 模板时考虑到了特定的事情，但浏览器显示它的方式与预期不同。当我在 Chrome 中使用“检查元素”时，它显示了我打算与该元素关联的属性，但浏览器显示的内容有所不同。就找出问题/让网站看起来你想要的方式而言，这里有哪些可能的选择？
在我遇到一个问题之前，我不记得它在 Chrome 中没有正确显示的确切位置（但 Chrome 开发人员工具按我的意图显示它），但它确实显示在另一个浏览器中。
现在，我遇到了一个问题，即同一站点上的多个页面对于同一菜单具有不同的字体，尽管 Inspect Element 中显示的 CSS 对所有人都是正确的 - Chrome 和 Safari 之间的行为是一致的（尚未检查其他浏览器） .
html - Google Chrome Inspect Element 的颜色编码表示什么？
当我检查谷歌浏览器时，我可以看到元素面板用一种颜色对某些 html 标记进行颜色编码，而用不同颜色编码其他单词。
在https://www.google.co.uk/，我可以看到，例如，
1) div 是紫色的
2) id 为棕色
3) pocs 是深蓝色的
谁能告诉我这些颜色代表什么？做
1) 紫色表示元素
2) 棕色表示属性
3) 海军蓝表示值
?
任何帮助将非常感激
firefox - Firefox：Firebug 与检查元素
我是网络开发的新手，我不断听到使用 Firebug 的建议。问题是，我看不到 Firebug 相对于检查元素功能的任何优势（我使用的是 Firefox 24）。我错过了什么吗？
我害怕习惯一种工具，然后陷入我的方式来切换到更好的工具。请就一种工具或另一种工具中优越的特定功能提出建议。
php - 为什么“检查元素”显示不同的代码？
我有一个 php 页面，我在下面发布了代码。我的主要问题是在标题中顶部添加了一行。此行未添加到我的页面的其他使用完全相同代码的 .html 文件中。唯一的区别是扩展名（html 和 php）。
我尝试了“检查元素”功能来查看发生了什么。我可以在<head>和中看到不同的代码<body>。
我的页面代码：
是什么原因造成的？我在其他页面（尽管扩展名不同）中有相同的 html 代码（和 css），例如：HTML 版本
javascript - 元素不在页面的源代码中，但在“检查元素”中
我正在编写为论坛制作的脚本。论坛由几个页面组成，论坛上的每个页面都是这样的：
在我的脚本中，我必须在第 220 页找到一个特定的 URL，如果它在那里，请打开它。问题是，打开链接似乎不像我想要的那样工作：
我在这里所做的是：我首先按其类定义页面上的所有项目，然后要求它循环浏览项目，直到找到“item220”的链接并打开它。
问题：本网站源代码中的唯一元素和链接是第 1 页的元素和链接。因此，我的脚本找不到“www.blabla.com/item220”，因为它不在第 1 页，因此也不在源代码中。不过，在“检查元素”菜单中，我确实可以找到 item220 的链接。
如何找到源代码中不存在但出现在“检查元素”菜单中的链接？
谢谢你的协助，
-布拉姆
html - 在 Google Chrome 的检查元素中复制 HTML 代码
我有一个网站，我想从中复制 HTML 代码 -如何复制检查元素中的所有文本- 所以我没有得到网站的 HTML 代码，但我已经更改了代码，所以我没有我自己的网页中没有我不想要的元素？
javascript - 安全的 html 表单变量
我不希望我的用户能够使用检查元素更改 ('+res.id+') 和 ('+res.level')，因为如果他们这样做会改变提交按钮的结果。
例如 '+res.id+' 是 = 2 并且 2 等于 fireragon，但如果该人使用 inspect 元素，他们可以将 2 更改为 1 并且 1 等于 Lightningdragon。然后当他们点击战斗时，火龙变成了闪电龙。基本上，他们可以随心所欲地与任何人/任何人作战。
有没有办法阻止人们更改这些变量或检查变量是否已更改，以便我可以向用户发送错误消息？
android - 查看原生 Android 电子邮件应用程序的源代码？
有人知道从原生 Android 电子邮件应用程序查看电子邮件源代码的方法吗？
我已经使用 Android chrome 浏览器的 ADB 插件来检查元素，但想知道 Android 电子邮件应用程序是否有类似的东西。
谢谢！
css - 在 Chrome 中检查元素时消失的空白
我有一个非常奇怪且难以诊断的问题。希望这个论坛上有人以前遇到过。基本上，我有一个这样的 wordpress + woocommerce 页面加载：
如您所见，有很多额外的空白。问题是我无法弄清楚空格来自哪里，因为每次我检查元素时，页面都会立即删除空格，它看起来（正确）如下所示：
如果我保持“检查元素”窗口打开并刷新页面，空白将返回，但只要我以任何方式更改 CSS （即删除随机属性或更改任何内容），页面就会再次自行修复。
如果我找到空白应该在的区域（通过不更改任何内容），那么空白实际上没有附加到任何地方。就好像它是看不见的一样。
我正在使用 Chrome (34.0.1847.131 m)。有什么想法会导致这种奇怪的行为吗？
css - 通过 Chrome 开发者工具更改 CSS 时更新源文件
我使用 xampp 作为 php 项目的本地服务器。我正在寻找一种工具来自动更新 css 更改，这是我通过 chrome 检查元素完成的。
我现在做的是，
- 在 chrome 中打开我的项目（本地主机/项目）
- 右键单击并检查元素
- 更改 css（假设更改 h1 标签的颜色）
- 复制这些并将其粘贴到我的 style.css 中
我想做的是
- 在 chrome 中打开我的项目（本地主机/项目）
- 右键单击并检查元素
- 更改 css（假设更改 h1 标签的颜色）
- style.css 中的自动更新更改（更改 h1 标签的颜色）
有没有可用的工具或脚本来实现这一点？