首页 开发者工具 HTML Tree Generator - HTML结构树生成器

HTML Tree Generator - HTML结构树生成器

用户数 : 30000 分类 : 开发者工具 扩展大小 : 22.19KiB 最后更新时间 : 2015-08-20 版本 : 1.0
                            

HTML Tree Generator - HTML结构树生成器背景

对于制做一个网站来说,网站的服务器端语言一般有着比较强大的编辑器,单身网页前端工程师由于对代码的智能提示等其他需求不是特别的强烈,所以选择性还是比较广的,比如目前比较流行的Webstrom、DW等,但是众所周知这些编辑工具不仅庞大而且是收费软件,有时候我们的用户根本不需要那么多的功能。

这个HTML结构树生成器的作用是使我们可以看到浏览器将HTML代码转换为DOM树(文档对象模型)时的操作,基本上将网页分类为单个对象,然后将这些元素及其相关数据中的每一个转化为带有一堆对象的树形结构,这样您就可以使用javascript选择和操作这些对象!

HTML结构树生成器完全免费且功能强大,它由Joel Saupe开发并且在谷歌插件商店中已经拥有超过10,000+ 位用户喜欢,使用它将大大提高您的工作开发效率!


HTML Tree Generator - HTML结构树生成器介绍

HTML Tree Generator是一款可以将任何页面显示为HTML结构树的chrome插件


HTML Tree Generator - HTML结构树生成器功能

在用户通过下载安装HTML Tree Generator插件之后,您将可以将任何页面显示为HTML结构树,css是定义布局的元素。

你还可以看到它们最后的更新时间,如果它们有自己的主页,还可以对它们进行分类和其他更多的功能。


HTML Tree Generator - HTML结构树生成器安装

(1) 将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件
解压压缩包
(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
打开开发者模式
(4) 将crx文件拖拽到扩展程序页面,完成安装
拖放以安装

(5)如有其它安装问题,请扫描网站底部二维码与客服联系



HTML Tree Generator - HTML结构树生成器使用

安装好chrome插件后,直接点击扩展按钮即可对已安装的脚本进行便捷管理了。



For making a website, the server-side language of the website generally has a relatively powerful editor. Since the single-page front-end engineer is not particularly strong about the intelligent prompts of the code and other needs, the selectivity is still relatively wide. Popular Webstrom, DW, etc., but it is well known that these editing tools are not only huge but also paid software. Sometimes our users don't need so many functions at all.

The role of this HTML structure tree generator is to allow us to see the operation of the browser when converting HTML code into a DOM tree (document object model), basically classify the web page into a single object, and then classify these elements and their related data Each of them is transformed into a tree structure with a bunch of objects, so you can use javascript to select and manipulate these objects!

The HTML structure tree generator is completely free and powerful. It is developed by Joel Saupe and has been liked by more than 10,000+ users in the Google plug-in store. Using it will greatly improve your work development efficiency!



######## Features ########
- Html is really a tree of elements, css is what defines the layout. This extension displays any page as a tree.

For a full overview please take a look at the FAQ or just install this extension. ;)

Thanks for using HTML Tree Generator. :)


########## Bugs ##########

Please DON'T report bugs by a review, BUT HERE:
- joel@starrynightstudios.com

查看更多
下载 如何离线安装? Chrome store

分享

全部评论

    展开更多评论

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功