我希望找到或创建一个书签工具,可以使用W3C HTML 5验证器验证当前查看页面的HTML内容。我已经找到了两个书签工具,并尝试将它们结合起来,但不确定如何操作。
Chris Coyier有一个HTML5验证书签工具,可以很好地运行,但它使用页面URI,因此无法用于本地测试站点。
我还发现了这个方法,它通过获取当前页面的HTML来工作,但我无法弄清楚如何使其支持HTML5... 代码中有参考doctype,我尝试将其更改为html5、html500等,甚至尝试将其删除以便自动检测...但都没有成功。
Chris Coyier有一个HTML5验证书签工具,可以很好地运行,但它使用页面URI,因此无法用于本地测试站点。
javascript:(function(){%20function%20fixFileUrl(u)%20{%20var%20windows,u;%20windows%20=%20(navigator.platform.indexOf("Win")%20!=%20-1);%20%20/*%20chop%20off%20file:///,%20unescape%20each%20%hh,%20convert%20/%20to%20\%20and%20|%20to%20:%20*/%20%20u%20=%20u.substr(windows%20?%208%20:%207);%20u%20=%20unescape(u);%20if(windows)%20{%20u%20=%20u.replace(/\//g,"\");%20u%20=%20u.replace(/\|/g,":");%20}%20return%20u;%20}%20/*%20bookmarklet%20body%20*/%20var%20loc,fileloc;%20loc%20=%20document.location.href;%20if%20(loc.length%20>%209%20&&%20loc.substr(0,8)=="file:///")%20{%20fileloc%20=%20fixFileUrl(loc);%20if%20(prompt("Copy%20filename%20to%20clipboard,%20press%20enter,%20paste%20into%20validator%20form",%20fileloc)%20!=%20null)%20{%20document.location.href%20=%20"http://validator.w3.org/file-upload.html"%20}%20}%20else%20document.location.href%20=%20"http://validator.w3.org/check?uri="%20+%20escape(document.location.href);%20void(0);%20})();
我还发现了这个方法,它通过获取当前页面的HTML来工作,但我无法弄清楚如何使其支持HTML5... 代码中有参考doctype,我尝试将其更改为html5、html500等,甚至尝试将其删除以便自动检测...但都没有成功。
javascript:(function(){var h=document;var b=h.doctype;var e="<!DOCTYPE "+b.name.toLowerCase()+' PUBLIC "'+b.publicId+'" "'+b.systemId+'">\n';var g=h.documentElement.outerHTML;var f="http://validator.w3.org/check";var i={prefill_doctype:"html401",prefill:0,doctype:"inline",group:0,ss:1,st:1,outline:1,verbose:1,fragment:e+g};var a=h.createElement("form");a.setAttribute("method","post");a.setAttribute("target","_blank");a.setAttribute("action",f);for(var j in i){var c=h.createElement("input");c.setAttribute("type","hidden");c.setAttribute("name",j);c.setAttribute("value",i[j]);a.appendChild(c)}if(navigator.appCodeName=="Mozilla"){h.body.appendChild(a)}a.submit()})();