firefox打开网页隐藏元素

Posted 2023-05-15

参考技术A 懂的人觉得很好操作，不懂的人就觉得难上加难，难于上青天，以下是专业测评人的操作说明;在软件的开发中，或者软件的测试的过程中都有可能对开发完成的web网页，进行对网页元素上定位，而现在很多的浏览器是可以看到网页上相关的元素信息，可以查看某一个网页的元素信息，通过定位的方式查找元素。
1、要使用Mozilla Firefox的火狐浏览器，需要电脑上安装，然后打开Mozilla Firefox浏览器，选中菜单中的“工具”的选项。
2、选中完菜单中工具后，弹出了一个下拉的菜单中进行选中web开发者。

3、进入到下一级的菜单中，可以看到firebug的选项，点击进入。
4、这样就直接打开firebug工具，定位元素使用firepath的精确定位到路径元素，可点击firepath的选项。

5、这样开始定位元素，选中firebug的左上角位置中箭头后。

6、把鼠标移动到百度一下的输入框中，会提示已捕捉到输入框中，然后进行点击下输入框。

7、选中完输入框之后，在网页的源代码中会精确定位元素的信息，根据查看具体信息内容来对元素上的操作。

如何使用 Chome 和/或 Firefox 上的检查窗口找到网页元素的 innerText 和 outerHTML？

【中文标题】如何使用 Chome 和/或 Firefox 上的检查窗口找到网页元素的 innerText 和 outerHTML？

【英文标题】：How can I find the innerText and outerHTML of an webpage element using the inspect window on Chome and/or Firefox?

【发布时间】：2021-12-11 05:48:43

【问题描述】：

我试图通过右键单击它们并按检查来手动找到网站上按钮的 innerText 和 outerHTML，但我不知道在哪里可以找到这些属性。下面的屏幕截图显示了我在右键单击 --> 检查 Gmail 中的“撰写”按钮时看到的内容。 Screenshot of inspect window on Firefox after selecting 'compose' button

非常感谢任何简单的解决方案（用于 Firefox 和/或 Chrome）。

【参考方案1】：

您可以通过右键单击元素并按检查来找到它，然后右键单击标签有一个选项 Edit as HTML。

我认为这会解决你的问题。