火狐查看网页3d模型_查看结合在Firefox中HTML标签和网页

火狐查看网页3d模型

Do you want an easier way to see a webpage’s html tags without viewing the source code in a separate window? Now you can view the webpage and tags combined in the same window using the X-Ray extension for Firefox.

您是否想要一种更简单的方法来查看网页的html标签，而无需在单独的窗口中查看源代码？ 现在，您可以使用Firefox的X-Ray扩展名，在同一窗口中查看合并的网页和标签。

Before

之前

Usually if you want to see the source code behind a webpage you have to view it in a separate window. If you are only interested in a specific section then you have to search through the entire set of code just to find what you are looking for.

通常，如果您想在网页后面查看源代码，则必须在单独的窗口中查看。 如果您只对特定部分感兴趣，则必须搜索整个代码集以查找所需内容。

After

后

The X-Ray extension will let you see the document’s tags (including class and ID names) “side by side” with the webpage in the same tab. You can use either the context menu or the tools menu to access the X-Ray command.

X-Ray扩展名使您可以与网页在同一选项卡中并排查看文档的标签(包括类和ID名称)。 您可以使用上下文菜单或工具菜单来访问X-Ray命令。

Here is the same webpage section shown in the first screenshot above. It may look a little odd at first until you get used to seeing both together.

这是上面第一个屏幕截图中显示的相同网页部分。 乍一看，直到您习惯了将两者看一看，这似乎有些奇怪。

Note: You can return the webpage to its’ normal view by either clicking on the X-Ray command again or refreshing the page.

注意：您可以通过再次单击X-Ray命令或刷新页面来使网页返回其正常视图。

The code for part of the sidebar on the same webpage…

同一网页上侧边栏的部分代码…

Followed by one of the sets of links at the end.

最后是一组链接之一。

Looking at another example suppose you are interested in how part of the main feed is set up.

看另一个示例，假设您对主供稿的一部分设置感兴趣。

Being able to see how a particular element is set up directly in the webpage is certainly better than searching through the entire page of code.

能够直接在网页中查看特定元素的设置肯定比在整个代码页面中搜索要好。

Conclusion

结论

If you design webpages and want an easy way to see how someone else’s website is coded then you may want to give this extension a try.

如果您设计网页并且想要一种简单的方法来查看他人网站的编码，那么您可能想尝试一下此扩展。

Links

链接

Download the X-Ray extension (Mozilla Add-ons)

下载X-Ray扩展(Mozilla附加组件)

翻译自: https://www.howtogeek.com/howto/19761/view-html-tags-and-webpage-combined-in-firefox/

火狐查看网页3d模型