回答編集履歴

- 回答いただきましてありがとうございます！

-

- 教えていただいた方法と、[こちら](https://easyramble.com/get-language-setting-by-javascript.html)を参考に、以下のように対応して

-

- JavaScriptとCSSで日本語と、それ以外(＝en)を振り分け、メッセージの表示/非表示で実現できました。

-

-

-

- JavaScript

-

- ---

-

- ```ここに言語を入力

-

- window.onload = function() {

-

- var language;

-

-

-

- if (navigator.browserLanguage != null) {

-

- // Internet Explorer, Opera, 他

-

- language = navigator.browserLanguage.substr(0, 2) == "ja" ? "ja" : "en";

-

- } else if(navigator.userLanguage != null) {

-

- // Internet Explorerの場合

-

- language = navigator.userLanguage.substr(0, 2) == "ja" ? "ja" : "en";

-

- } else if(navigator.language != null) {

-

- // Chrome, Firefox, Opera, 他

-

- language = navigator.language.substr(0, 2) == "ja" ? "ja" : "en";

-

- } else {

-

- // その他

-

- language = "en";

-

- }

-

-

-

- setLanguage(language);

-

- }

-

-

-

- function setLanguage(language){

-

- var element = document.getElementsByClassName("displaybylanguage");

-

- for (var i = 0; i < element.length; i++) {

-

- if(element[i].getAttribute("lang") == language){

-

- element[i].style.display = "block";

-

- }

-

- else{

-

- element[i].style.display = "none";

-

- }

-

- }

-

- }

-

- ```

-

- CSS

-

- ---

-

- ```ここに言語を入力

-

- .displaybylanguage {

-

- display: none;

-

- }

-

- ```

-

- - 表示する必要のない日本語環境でのローディング時のチラ見せ防止対策

-

- HTML

-

- ---

-

- ```ここに言語を入力

-

- <div class="displaybylanguage" lang="en">

-

- ブラウザの言語が日本語以外の時にこのメッセージを表示する

-

- </div>

-

- ```

-

- 希望はPHPでしたが苦手なのと納期が迫っているためJavaScriptで妥協しましたが、

-

- 思ったよりいい仕上がりでした。

-

- 私のリサーチ不足をお詫びいたします。

-