Google Chrome拡張機能: HTMLの国際化やりたいこと chrome.i18nではJavaScriptから呼び出す他に、 manifest.json, CSSのローカライズに対応していますが、 HTMLのローカライズは対応していません。 その対応方法です。 前提条件 概要 ローカライズしたい要素に以下のいずれかを付ける。 要素の中のテキストをローカライズしたい場合(spanなど): data-i18n-text属性 要素のvalueをローカライズしたい場合(inputなど): data-i18n-value属性 HTMLのこの属性を検索し、メッセージを置き換える。 手順 以下のような関数を作ります。 function localizeHtmlPage() { document.querySelectorAll("[data-i18n-text]").forEach(element => { const key = element.
