浏览器html5检测

测试浏览器对HTML5的支持,并打分,可以知道你当前的浏览器对 HTML5 的支持情况如何,各种标签和组件的支持情况。

抽象语法树

抽象语法树(abstract syntax tree或者缩写为AST),或者语法树(syntax tree),是源代码的抽象语法结构的树状表现形式,本工具可以快速生成抽象语法树,支持CSS,GLSL,GraphQL,Handlebars,HTML,ICU,JavaScript,JSON,Lua,Markdown,PHP,RegExp,Scala,SQL,Web IDL,YAML。

在线前端SEO检测

本工具可以在线分析网页并检测前端代码质量问题或性能,有助于帮助SEO优化提高用户体验,免费、简单、便捷。

代码优化规范

代码自动规范格式化工具,支持JavaScript, JSX, Flow, TypeScript, CSS, Less, SCSS, JSON, GraphQL, Markdown。

颜色灵感

将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。

渐变配色

接近上百种渐变配色方案,设计师可根据自己风格来选择搭配,此外我们还能直接获得对应渐变配色的CSS代码,相当方便

css优化

css优化工具执行三种转换:清理(删除冗余)、压缩(更短形式的替换)和重构(声明、规则集等的合并),可以css变得更小。

CSS3 动画生成

可视化生成简单的 CSS3 动画代码。

css提取

本工具可以自动将HTML内联style样式转换为CSS文件内容,方便html轻量化。

html压缩

本工具可以压缩html代码,支持HTML5,同时支持HTML中的javascript代码和css样式压缩。

Grid 花园

一个小游戏,让你在游戏中学习 CSS Grid 的语法。

Ruby代码美化

使用该工具可有效的实现Ruby代码的格式化与美化功能,可自由控制代码缩进大小与格式。右侧的相关选项可实现html、css与js混编排版的缩进、换行、转义等功能。

加载更多

二维码