HTML TAG CHECKER/HTML标签检测CHROME插件

最新推荐文章于 2021-06-27 19:23:01 发布
最新推荐文章于 2021-06-27 19:23:01 发布
阅读量1.3w 收藏
点赞数 1
分类专栏： js/jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/siren0203/article/details/18551263
版权

HTML中如何快速检查漏掉的闭合标签?

在套页面的时候，经常会遇到 HTML不闭合或者 过早闭合等问题，

很多时间都浪费在 核对标签上，

于是乎就有了 这个 HTML标签检测插件，

它可以很方便的帮你查找HTML标签中的闭合问题，

这个插件原作者不是我，是一个日本人，我之前一直在用，挺好用的，

但是 CHROME 升级到20X之后，这个插件就不能用了，很多特性,20x之后的版本不支持，

大半年了，作者也没有要升级的意思，chrome商店里面也下掉了，不知为何，

所以今天下午挤了挤时间，完善了这个版本。

效果图如下：

 

安装方法

一、通过CHROME商店安装

1、用chrome浏览器打开

https://chrome.google.com/webstore/detail/html-tracter/eglomijmggnafcfejliedcljabfgblia?hl=zh-CN

2、点击红色部分

3、安装成功

二、通过CRX文件安装

1、下载CRX文件

http://www.imsiren.com/wp-content/uploads/chrome-plugins/htmlchecker_v02.crx

2、打开 浏览器的扩展程序

3、将crx拖拽到打开的页面即可

 

 

 

siren0203
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
HTML 标签检测器|HTML TAG CHECKER-crx插件
04-02
语言:English,日本語 This extension is a HTML Tag Checker. HTML TRACKER,HTML TAG CHECKER, HTML标签检测器，有了它，可以验证你的页面是否有HTML未闭合的地方.@Author：斯人 www.imsiren.com
推荐一款强大的HTML验证工具：HTMLProofer
最新发布
gitblog_00043的博客
05-13 611
推荐一款强大的HTML验证工具：HTMLProofer 项目地址:https://gitcode.com/gjtorikian/html-proofer 如果你在生成HTML文件时，希望确保其质量，那么这款名为HTMLProofer的工具绝对是你的不二之选。它是一套完整的测试方案，用于验证HTML输出的质量，确保所有的图像、链接和脚本都能正常工作。 项目介绍 HTMLProofer是一款针对HTM...
html在线校验器,代码检查错误必备工具-HTML标签检测器
weixin_42128558的博客
05-30 6786
很多人编写网站代码时，经常会忘记写开始或结束标签，虽然有些标签缺失对网站没有很大影响，但是站在优化角度，一个标签的错误可能会使你的网站在搜索引擎中的评分降低，从而影响关键词排名进度。但是一个网站已经写了很多代码，如何检查错误尤其是标签错误成了一个额外负担很大的工作，下面我就介绍一款工具可以轻松检查出标签错误来，这款工具叫HTML标签检测器。HTML标签检测器谷歌浏览器一个插件，它可以验证你的页面是...
HTML标签检查工具
fendou4533的专栏
06-20 7744
最近写页面，使用各个浏览器提示各种不同的错误 HTML1524: 无效 DOCTYPE。最短的有效文档类型是 ""。 一开始自己写的是 最后修改为 没有报html1524错误了 demo.html, 行1 字符1 HTML1521: 不符合要求的 "" 或文件结尾。在文档结束之前，所有具有开始标记的元素都应正确结束。 demo.html, 行3
html tab标签_快速开发html插件emmet（小白需知）
weixin_39860732的博客
11-25 125
群里的小伙伴是不是的就会冒出一个来问： 老师老师，怎么视频中老师的 ul>li*6 能打出来？我的出不来？咱先不说为什么出不来，这个我......（点点点就是不想说了）我想告诉你的是：它为什么能出来。平时我们在做开发的时候最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等，头疼。还经常会写一些结构重复的html。如果每个重复的代码都去复制粘贴，就会很麻烦！你也知道程序猿都...
Hreflang Tag Checker-crx插件
04-04
适应全球Hreflang标记检查器Chrome扩展程序 Hreflang标记检查器旨在自动检查站点的hreflang标记部署。 该工具将读取URL的hreflang标记，然后对其进行爬网以评估它们是否反向引用了您当前的URL。 这样可以节省评估...
Hreflang标记检查器「Hreflang Tag Checker」-crx插件
03-18
适应全球Hreflang标记检查器Chrome扩展 Hreflang标记检查器旨在自动检查站点的hreflang标记部署。该工具将读取URL的hreflang标记，然后对其进行爬网以评估它们是否反向引用了您当前的URL。这样可以节省评估网站的...
我的VSCode（内含一些插件）
09-18
8. **Auto Close Tag** 和 **Auto Rename Tag**：这两款插件可以自动完成HTML或XML标签的闭合和同步修改，提高编写HTML文档的效率。 9. **Color Picker**：快速选取并插入颜色代码，对于处理颜色相关的任务非常实用...
vscode以及好用的插件
06-25
8. **Auto Close Tag**：自动完成HTML和XML标签，节省输入时间。 9. **Path Intellisense**：智能提示文件路径，方便引入文件。 10. **Color Picker**：快速选择和插入颜色代码，适用于CSS和HTML项目。 除了这些，...
CSS and XPath checker-crx插件
04-02
**CSS和XPath Checker-CRX插件详解** 在网页开发中，CSS（层叠样式表）和XPath（XML路径语言）是两种重要的技术，用于定位和操作网页元素。CSS用于定义网页的布局和样式，而XPath则常用于XML文档或HTML文档的元素...
HTMLChecker:一个旨在检查网站源代码更改的Java应用程序（波兰语）-html source website
03-24
HTMLChecker 一个旨在检查网站源代码更改的Java应用程序（波兰语）
html tab标签页插件,简 Tab (SimpTab) - 新标签页
weixin_39726873的博客
06-27 377
简 Tab (SimpTab) - 新标签页背景介绍其实我们网站介绍过很多款新标签页插件，但是青菜萝卜各有所爱，我们都列举出来，大家挑自己喜欢的用。简 Tab 是一款 Chrome浏览器的新标签页扩展，能够在新标签页上显示各种精美壁纸、书签、常用网站等等，最新版带来简洁的「禅模式」，可以做到只显示纯色背景，连下图的时间都可以省略。简 Tab (SimpTab) - 新标签页功能介绍1、控制栏 &a...
html标签闭合在线检测,判断html标签是不是闭合
weixin_29115367的博客
06-01 1227
function TagClose(content){for(var i=0;ivar reBegin = new RegExp("var reEnd = new RegExp("var begin = 0;var end = 0;var begMactches = content.match(reBegin);var endMactches = content.match(reEnd);if(b...
【第33、34天】HTML标签，Emmet插件的初步使用
來秋的技術之路
12-19 581
第三十三、三十四天，安装了环境及相关软件。学习了一部分实用的HTML标签和标签的简便写法emmet插件的用法。
检查一段文本中的HTML标签是否闭合，若不闭合则修复
gao454917848的专栏
06-13 2341
Java的正则引擎（java.util.regex）做不到未知层次递归匹配，再说这个用正则效率不会高，所以考虑其他方法实现。对于.Net平台，可尝试一下这个正则：^[^<>]*(?:<(?!/)(?<o>[^/s<>]+)(?:/s[^<>]*)?(?:(?<-o>/>)|>)[^<>]*|(?<-o&...
html语法在线检测,CSE HTML Validator(HTML语法检查器)
weixin_39683163的博客
05-30 1026
CSE HTML Validator是一个融合了HTML、XHTML和CSS的HTML语法检查器，内置HTML /文本编辑器，语法高亮显示，提供强大的批处理向导，可以帮助您轻松地验证多个文档，还可以给它提供一个URL，并通过其链接来验证小型到中型的网站。软件功能可以帮助用户对html文件进行检查，看是否出现语法错误。避免网页代码出现问题，会高亮显示语法错误地点。强大的批处理向导(仅适用于专业版和企...
67 插件生成html语句 操作伪标签方法
fancivez的专栏
07-27 368
遭遇问题 上传插件 其中的isrequire属性无法用jqury动态控制，因为插件用伪标签生成了很多input标签，而 解决方案：先获取value 后根据value拼id 选到  var guid = $("input[name='guid[]']").val(); $("#isRequire_"+guid).val('1');
chrome 插件 html代码,【chrome 插件一】开发一个简单chrome浏览器插件
weixin_36095188的博客
06-09 1011
chrome 之所以越来越好用，很大一部分原因归功于功能丰富的插件；对于chrome忠实用户来说，了解和开发一款适合自己的chrome插件，确实是一件很cool的事情。了解chrome 插件chrome 插件个人理解：就是一个html + js +css + image的一个web应用；不同于普通的web应用，chrome插件除了兼容普通的js，json，h5等api，还可以调用一些浏览器级别的a...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值