HTMLバリデーター

HTMLバリデーター

オプション1: ブックマークレット (完全な現在のページDOM HTMLバリデーター)

以下の "Validate" リンクをブックマーク(または "お気に入り")ツールバーに追加して、ブックマークレットを作成します。最初にブラウザのブックマークバーを表示する必要がある場合があります。追加するには、リンクをツールバーにドラッグするか、リンク先をコピーし(例:Windowsでは、タブをリンクに、メニューキーを押します)、URLフィールドにJavaScriptを使用してブックマークを作成します(ページをブックマークするには、WindowsではCtrl + D、MacではCmd + Dを使用します)。

<mark>バリデート</mark> (コード更新2019年04月26日 11:10 ET) Firefox、Chrome、Safari、Edgeとの互換性が確認されました。ソースコード 以下で利用可能です。

このブックマークレットは W3C HTML Validatorサービスを使用しており、W3Cのオンラインフォームに比べていくつかの利点(および 注目すべき欠点)があります。ブックマークレット。

  • ブラウザ内から現在表示しているページを検証できます
  • パスワードで保護されたページを検証できます
  • ローカルファイルとローカルホストファイルを検証できます
  • JavaScriptが適用された後、生のソースコードだけでなく、完全なDOMをキャプチャします (特にシングルページ アプリや動的コンテンツに便利です)。
  • Webページのさまざまな状態を検証できます(モーダルがアクティブかどうか、画面上のフォームエラーメッセージの有無、領域が展開されているかどうか、カスタムコントロールがアクティブになっているかどうかなど)。これを行うには、ページを目的の状態にし、ブックマークレットで検証し、同じページで必要な回数だけ繰り返してすべての状態を検証します。

重要な注意: このブックマークレットはソースHTMLをチェックしません。これは機能であり "バグでもあります。"これは、JavaScriptが適用された後に最終結果を確認する必要があるという意味での機能であり、このブックマークレットはそれを行います。これは、ブラウザが基本的なDOM修正を適用する前にHTMLを評価できないという意味でのバグです。理想的には、ブックマークレットを使用して最終的なDOMを検証し (動的コンテンツの場合)、未加工のソース コードからHTMLをW3Cオンライン ツール (DOM生成前のコンテンツの場合) で検証します。

オプション2: パーシャル ページ バリデーター

このフォームを使用して、コンテンツ管理システムのフィールド、データベースフィールド、インクルードファイルなど、部分的なWebページを検証します。内容を貼り付けてフォームを送信します。

注: このフォームは、HTML5 doctype、htmlタグ、headタグ、bodyタグを追加し、コンテンツを W3C HTML Validatorに送信します


オプション3: URL、ファイル、またはテキスト入力による完全なソース コードの検証

これらすべての入力モードを処理できます、元の W3C HTML Validatorサービス

ブックマークレットのソースコード

著者:ポール・ボーマン。ブックマークレットの生のソースコード (下記) は、 https://mrcoles.com/bookmarklet/ のユーティリティを使用してブックマークレットコードに変換されました。改善のための提案はありますか?フィードバックをお送りください。 お問い合わせください。

(function () { 
    var doctypeNode = document.doctype;
    var doctypeHtml = "<!DOCTYPE "
    + doctypeNode.name
    + (doctypeNode.publicId ? ' PUBLIC "' + doctypeNode.publicId + '"' : '')
    + (!doctypeNode.publicId && doctypeNode.systemId ? ' SYSTEM' : '') 
    + (doctypeNode.systemId ? ' "' + doctypeNode.systemId + '"' : '')
    + '>';
    
    var htmlWrapper = document.documentElement.outerHTML;
    var allContent = doctypeHtml + htmlWrapper;
    
    var validatorForm = document.getElementById('deque-w3c-validator-bookmarklet');
    if (validatorForm) {
    validatorForm.remove();
    }
 var form = document.createElement('form');
    form.id = 'deque-w3c-validator-bookmarklet';
    form.method = "POST";
    form.action = "https://validator.w3.org/nu/?showsource=yes&nocache=" + Math.random();
    form.target = '_blank';
    form.enctype = 'multipart/form-data';
    
    var textarea = document.createElement('textarea');
    textarea.name = 'content';
    textarea.value = allContent;
    
    form.appendChild(textarea);
    
    document.body.appendChild(form);
    
    form.submit();
    
    var validatorForm = document.getElementById('deque-w3c-validator-bookmarklet');
    if (validatorForm) {
    validatorForm.remove();
    }
})();