常連

JavaScript初心者です。
HTTP Requestを送信して、モバイルアプリにOnboardingするためのHTMLを書いています。
次のコードをChromeで実行すると、Device idが取得できるのですが、
IEとFirefoxで実行すると、エラーとなり取得できません。
IEでは「未定義または NULL 参照のプロパティ 'innerHTML' は取得できません」と表示され、実行がストップしてしまいます。FirefoxではTypeError:
xmlDocs.getElementByTagName(...)[0]
is undefined
というエラーが表示されます。

どうすればIEとFirefoxで実行してもDevice idを取得できるでしょうか。
よろしくお願いします。

```lang-JavaScript
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Mobile App</title>
  <link rel="stylesheet"
    href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
  <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js">
  </script>
</head>
<body>
  <div id="login" data-role="page">
    <div data-role="header">
      <h1>App Mobile Login v1</h1>
    </div>
    <div role="main" class="ui-content">
      <div class="ui-field-contain">
        <label for="svr">Server</label>
        <input type="text" name="smp_svr" id="smp_svr" size="25" value="http://192.168.XXX.XXX:8080" data-clear-btn="true" data-clear-btn-text="clear" />
      </div>
      <div class="ui-field-contain">
        <label for="svr">App Name</label>
        <input type="text" name="smp_app" id="smp_app" size="25" value="com.app.sp07" data-clear-btn="true" data-clear-btn-text="clear" />
      </div>
      <div class="ui-field-contain">
        <label for="svr">Entity Name</label>
        <input type="text" name="smp_app" id="smp_ent" size="25" value="SVC_HEADSet" data-clear-btn="true" data-clear-btn-text="clear" />
      </div>
          <div class="ui-field-contain">
        <label for="db">OS</label>
        <select name="db"  id="smp_os">
          <option value="Windows">Windows</option>
          <option value="iOS">iOS</option>
          <option value="Android">Android</option>
        </select>
      </div>
          <div class="ui-field-contain">
            <label></label>
            <input type="button" id="smp_onboard" value="OnBoarding" data-corners="true"/>
          </div>
        <div class="ui-field-contain">
        <label for="pwd">Device id</label>
        <input type="text" name="smp_devid" id="smp_devid" size="20" value="" />
        </div>
    </div>
    <div data-role="footer">
      <h3>Copyright 2015, XXX Co. Ltd.</h3>
    </div>
  </div>
<script>
    $("#smp_onboard").click( function() {
        var xhr = new XMLHttpRequest();
        xhr.open("POST", $('#smp_svr').val() + "/odata/applications/latest/" + $('#smp_app').val() + "/Connections",true);
        xhr.setRequestHeader("Content-Type", "application/json");
        xhr.setRequestHeader("Authorization", "Basic " + btoa("tmc48" + ":" + "password"));
        xhr.send('{"DeviceType":"' + $("#smp_os").val() + '"}');
        xhr.onload = function(e){
            var parser = new DOMParser();
            var xmlDocs = parser.parseFromString(xhr.responseText, "application/xml");  
            $('#smp_devid').val(xmlDocs.getElementsByTagName("ApplicationConnectionId")[0].innerHTML);
        };
    });
</script>
</body>
</html>
```

「未定義または NULL 参照のプロパティ 'innerHTML' は取得できません」エラー

Macのfirefox.appを起動するたびに自動でアップデートがかかってしまう問題を回避したいです。

windowsでは、Mozilla Maintenance Serviceをアンインストールすれば自動アップデートを回避できるそうですが、
MacのFirefoxではどのように対応すべきでしょうか。

### 試したこと

firefoxの設定で、Firefoxの更新動作を、「更新の確認は行わない(非推奨)」で設定しても、
次回起動時にアップデートが行われてしまいます。

Mac firefox 自動アップデートの無効化の方法について

### 発生している問題・エラーメッセージ
Mac OS Big Sur 11.4にTor Browserをインストールしたのですが、
「接続を確立しています」と表示されたまま、接続できていないみたいです・・・
ログを見るとノードを見つけられていないようです。

~~Tor Browserの時刻がGMT+0000のままで９時間の時差ができてしまい、接続に失敗しているようです。
Mac本体のタイムゾーンは日本に設定してあり、他のブラウザで確認してもGMT+0900になっているので、
Tor Browserの仕様や、設定に誤りがあるのだと思います。~~

Firefoxなどのブラウザに詳しい方で解決方法をご存知の方、ご教授いただければ幸いですm(_ _)m
よろしくお願い致します。
```
7/22/21, 05:05:09.984 [NOTICE] New control connection opened from 127.0.0.1.
7/22/21, 05:05:09.994 [NOTICE] New control connection opened from 127.0.0.1.
7/22/21, 05:05:10.163 [NOTICE] New control connection opened from 127.0.0.1.
7/22/21, 05:05:12.455 [NOTICE] Opening Socks listener on 127.0.0.1:9150
7/22/21, 05:05:12.455 [NOTICE] Opened Socks listener connection (ready) on 127.0.0.1:9150
7/22/21, 05:05:12.918 [WARN] Failed to find node for hop #1 of our path. Discarding this circuit.
7/22/21, 05:05:12.918 [NOTICE] Our circuit 0 (id: 1) died due to an invalid selected path, purpose General-purpose client. This may be a torrc configuration issue, or a bug.
7/22/21, 05:05:13.926 [WARN] Failed to find node for hop #1 of our path. Discarding this circuit.
~
7/22/21, 05:05:24.965 [WARN] Failed to find node for hop #1 of our path. Discarding this circuit.

```
```[WARN] Failed to find node for hop #1 of our path. Discarding this circuit.```
は繰り返し表示されています。
### 試したこと

１.ログに表示されている時間と現在の時間が大きく違う所が気になり、どこかに設定があるのかなと探してみたのですが、見つかりませんでした。Mac自体の時間設定は問題ないです。

1-2.ログと本体の時間に９時間の差があったので、tor側の時間に合わせてみた（本体時間を+9時間)のですが、エラーは変わらず。

2.MacのFirewallを切って、もう一度再インストールしてみたのですが、同じエラーで接続できませんでした。

3.Bridge(obfs4)を有効にして再度接続してみたのですが、```[WARN] Not using bridge at [scrubbed]: it is in ExcludeNodes.```
が表示され、接続できませんでした。

4.Rosetta 2の影響を考えて、FirefoxをRosetta 2で起動してみましたが、タイムゾーンは正しく認識されていました。

5.試行の都度Tor Browserは再インストール、本体の再起動をしています。
### 補足情報（FW/ツールのバージョンなど）
使用してるPCはMacbook Air 2020 M1モデルです。
Tor BrowserはAppleSiliconに対応していないので、Rosetta 2を介して起動しています。
torrcは初期のまま何も変えていません。

Tor Browserが起動されない。

https://XXX.XXXXX.co.jp/test.html から
https://XXX.XXXXX.co.jp/XXX/test.php

にアクセスした時、
Chromeや、Edgeの場合は、
PHP側で、$_SERVER["HTTP_REFERER"] が取得できますが、
Firefoxの場合は、取得できません。

Firefox（Windows）のバージョンは、現時点での最新 97.0.1 です。
（リファラーポリシー：strict-origin-when-cross-origin（規定値））

SSLは有効になっており、上記URLの画面遷移なら、同一オリジンとなるハズですので、
リファラーポリシーが「strict-origin-when-cross-origin」でも、
$_SERVER["HTTP_REFERER"] が取得できるハズだと思うのですが。
（実際、Chrome では取得できますし…。）

PHP側で、$_SERVER の以下の値を確認すると、
以下のようになっていました。（特に問題がある様には見えない）

Sec-Fetch-Dest: document
Sec-Fetch-Mode: navigate
Sec-Fetch-Site: same-origin
Sec-Fetch-User: ?1

Firefoxでのみ、$_SERVER["HTTP_REFERER"] が取得できないのは、
何が原因と考えられますでしょうか？

開発環境は、以下の通りです。
CentOS 7
Apache 2.4.34
PHP 7.4.25

アクセスに使用したブラウザは、すべてWindows10環境のもの

よろしくお願い申し上げます。

##### CHERRY さんからの修正依頼に対する回答
> https://www.iphiroba.jp/env.php 等のWebサイトで、HTTP_REFERER を表示しても同じでしょうか。
> 表示されないのはご自身のWebサイトだけでしょうか。

お問合せありがとうございます。
さっそく、IP広場 環境変数チェックページをブラウザで表示させ、確認してみました。
「直前のURL（どこからきたか？）HTTP_REFERER」を確認してみました。
Chromeでは、URLが表示されますが、
Firefoxでは、「-」と表示されておりました。


##### Y.H. さんからの修正依頼に対する回答
> Addonなどインストール済みの場合は全て無効にして検証されてますか？

はい、全て無効にして検証しています。


##### arcxor さんからの質問に対する回答
>ちなみにこれはどうやって Firefox のリファラポリシーを確認したのでしょうか。

Firefoxの公式ブログが以下の様に書いていました。
「Firefox 87以降、デフォルトのリファラーポリシーを「strict-origin-when-cross-origin」に設定」と紹介しています。

公式ブログ
https://blog.mozilla.org/security/2021/03/22/firefox-87-trims-http-referrers-by-default-to-protect-user-privacy/

また、Firefox開発者ツール > ネットワークタブ でも、
「strict-origin-when-cross-origin」になっている事を確認していました。

![](https://ddjkaamml8q8x.cloudfront.net/questions/2022-02-22/cf4f2b3a-562b-44c3-ad05-f5c1f795e31e.png)


##### 解決しました。
arcxor さんからいただいた回答の通り、about:config で referer と検索して出てくる項目のうち、
network.http.sendRefererHeader が 0 になっていました。
規定値の２に戻したところ、無事、リファラーが送信されるようになりました。

ありがとうございました。

Firefoxのみ、PHP側で $_SERVER["HTTP_REFERER"] が取得できない

### 質問したいこと

pythonでTwitterAPIを使って遊んでいたところ、ビデオタグで挿入した動画がFirefoxでだけ再生されません
Chromeでは再生されます
対策方法がわかる方がいたら教えてください

### 発生している問題・エラーメッセージ

```
サポートされたファイル形式およびmimeタイプの動画が見つかりませんでした
```

### 該当のソースコード

```HTML
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <video src="https://video.twimg.com/ext_tw_video/1483426943181668354/pu/vid/1280x720/5dXhiQSu2RNNoXNM.mp4" controls></video>
</body>
</html>
```

### 試したこと

firefoxでHTMLをfile:///C:/Users/…　で開いたら動画は問題なく表示されました
localhost に接続している時だけ問題が起きるようです
今回はpythonのflaskで書いてますが
以前PHPで書いたプログラムでもfirefoxだけ動画が再生できなかったため言語の問題では無さそうです

「.htaccess」というのが関係あるのか？と思い色々試しましたが変化なし
.htaccessが何なのかすらよく分かってません


### 補足
ローカルサーバー
http://127.0.0.1:5000/

Firefoxでvideoタグが表示されない

###前提・実現したいこと
unityでゲームを作っていまして、webGLでビルドして、
ローカル環境ではfirefoxで作動を確認しました。
しかし、unityroomや他のサーバーに上げるとfirefoxでもこのようなエラーメッセージが表示されて起動できませんでした。
ネット上で起動させたいです。

###発生している問題・エラーメッセージ

```
An error occurred running the Unity content this page. See your browser's JavaScript console for more info. The error was
uncaught exception: incorrect header check
```

###試したこと
firefox以外でも試しましたが全てのブラウザでこのメッセージがでました。

Consoleで確認しましたところ

```
Failed to load resource: the server responded with a status of 404 (Not Found)
unity_loader:1 Invoking error handler due to
Uncaught incorrect header check
unity_loader:1 Uncaught incorrect header check

```
と出ました。

###補足情報(言語/FW/ツール等のバージョンなど)
unity 5.5.1f1 64bit

[unity webGL]でビルドしてネットに上げるとAn error occurred running…と出ます

下のプログラムのTimeout設定、Option設定の書き方は誤っているでしょうか。

```Ruby
require 'selenium-webdriver'

# caps = Selenium::WebDriver::Remote::Capabilities.firefox("moz:firefoxOptions" => {args: ["--headless"]})
# driver = Selenium::WebDriver.for :firefox, capabilities: caps

options = Selenium::WebDriver::Firefox::Options.new
options.headless!
options.add_argument('--no-sandbox')
options.add_argument('--disable-gpu')
options.add_argument('--disable-desktop-notifications')
options.add_argument('--ignore-certificate-errors')
options.add_argument('--allow-running-insecure-content')
options.add_argument('--disable-web-security')
options.add_argument("--disable-extensions")
options.add_argument('--blink-settings=imagesEnabled=false')
options.add_argument('--lang=ja')

driver = Selenium::WebDriver.for :firefox, capabilities: options
driver.manage.timeouts.page_load = 300

count = 0
begin
    driver.get "https://example.com"
rescue => e
    count += 1
    retry if count < 5
    puts "無理だった"
    puts e
end

driver.quit
```

このプログラムをConohaという安いVPSで動かそうとしています。私が持っているPC上では正常に動くことが確認できています。上のプログラムは「driver.get」の行を最大5回動作させようとしています。本来ならば1回で済ませたい所なのですが、メモリが512MBで、CPUが1コアのVPS上では性能面での問題なのか、以下のようなエラーメッセージが出る場合が多々あります。

```ここに言語を入力
/home/VPSUSER/.rbenv/versions/3.0.1/lib/ruby/3.0.0/net/protocol.rb:219:in `rbuf_fill': Net::ReadTimeout with #<TCPSocket:(closed)> (Net::ReadTimeout)
```

タイムアウトになるのであれば、その時間を延ばせば良いのだと思って、思いきって５分にしています。[こちらを参考にしました](https://github.com/SeleniumHQ/selenium/wiki/Ruby-Bindings#internal-timeouts)。しかし動作させてみると６０秒程度で上のメッセージが出てきてしまいます。これはロード時間のタイムアウトの設定の仕方がおかしいのだろうと思うのですが、どなたか分かる方いらっしゃいますでしょうか。

また、「options.add_argument」の書き方についても、あっているか自信が無いのでこれも正誤チェックできましたら、お願い申し上げます。すくなくとも「options.headless!」はきちんと動作していることは確認できていますが、その他の項目については自身で確認する手段がございませんのでよろしくお願い申し上げます。


持参のPC
```ここに言語を入力
OS: macOS 12.1 21C52 arm64 
Host: MacBookAir10,1 
Kernel: 21.2.0 
Uptime: 4 days, 23 hours, 29 mins 
Packages: 36 (brew) 
Shell: zsh 5.8 
Resolution: 3840x2160 
DE: Aqua 
WM: Quartz Compositor 
WM Theme: Blue (Light) 
Terminal: Apple_Terminal 
Terminal Font: RictyDiminishedDiscord-Regular 
CPU: Apple M1 
GPU: Apple M1 
Memory: 2864MiB / 16384MiB 

ruby 3.0.2p107 (2021-07-07 revision 0db68f0233) [arm64-darwin20]
selenium-webdriver (4.0.3)

```

VPS
```ここに言語を入力
OS: Ubuntu 20.04.3 LTS x86_64 
Host: OpenStack Nova 2014.2-2.el7.centos 
Kernel: 5.4.0-91-generic 
Uptime: 12 days, 2 hours, 38 mins 
Packages: 1252 (dpkg), 7 (snap) 
Shell: fish 3.1.0 
Resolution: 1024x768 
Terminal: /dev/pts/1 
CPU: Intel Xeon E5-2650 v3 (1) @ 2.294GHz 
GPU: 00:02.0 Vendor 1234 Device 1111 
Memory: 116MiB / 478MiB

ruby 3.0.1p64 (2021-04-05 revision 0fb782ee38) [x86_64-linux]
selenium-webdriver (4.1.0, 4.0.3, 3.142.7)
Mozilla Firefox 95.0.1
```

SeleniumのTimeout設定の書き方

### 前提・実現したいこと

JavaScriptで、webストレージのローカルストレージにデータを保存し、取得したい。
なにか足りないのでしょうか？
教えて下さい。

### 発生している問題・エラーメッセージ

エラーメッセージはありません。
ブラウザの設定で確認してみましたが、Cookieは保存されているのですが、ストレージは空白です。
![イメージ説明](893fb90bb27ed58b533ec0d265e2c830.png)

### 該当のソースコード

以下の関数を呼んでいます。
```javascript
    function localSave(tweetID, lsValue){
        var lsKey = 'tweetback.' + twitterID + '.' + tweetID;
        alert('ここまでは来ている　Save／lsKey：' + lsKey);
        try{
            alert('lsKey：' + lsKey + '\nlsValue' + lsValue);
            localStorage.setItem(lsKey, lsValue);       // locaStorageに保存
        }
        catch(e){
            alert('エラーが発生しました。：' + String(e));
        }
    }

    function localdelete(tweetID){
        var lsKey = 'tweetback.' + twitterID + '.' + tweetID;
        try{
            localStorage.removeItem(lsKey);             // locaStorageから削除
        }
        catch(e){
            alert('エラーが発生しました。：' + String(e));
        }
    }
                  
    function localLoad(tweetID){
        var lsKey = 'tweetback.' + twitterID + '.' + tweetID;
        alert('ここまでは来ている　Load／lsKey：' + lsKey);
        try{
            var lsValue = localStorage.getItem(lsKey);  //locaStorageから取得
            if(lsValue = 'null'){
                lsValue = '';
               }
            return lsValue;                                 // 戻り値
        }
        catch(e){
            alert('エラーが発生しました。：' + String(e));
        }
    }
```

「localSave」を呼んでいる前後です。
「localdelete」は念の為、コメントアウトしています。
```javascript
//省略
        if(shioriFlagObj[tweetID] == ''){
            document.getElementById('example5').innerHTML = 'shioriFlagObj[tweetID]：nullだった';
            shioriFlagObj[tweetID] = datetimeStamp() + '\n';
            shioriBlock.innerHTML = 'しおりを外す' + tweetID;
            var shioriMemoDisabled = false;
            
        //    alert('shioriFlagObj[tweetID]：' + shioriFlagObj[tweetID]);
            localSave(tweetID, shioriFlagObj[tweetID]);
        }else{
            document.getElementById('example5').innerHTML = 'shioriFlagObj[tweetID]：' + shioriFlagObj[tweetID];
            shioriFlagObj[tweetID] = '';
            shioriBlock.innerHTML = 'しおりをここに入れる' + tweetID;
            var shioriMemoDisabled = true;
            
        //    localdelete(tweetID);
        }
//省略
```

「localLoad」を呼んでいる部分です。
```javascript
//省略
        document.getElementById('example4').innerHTML = 'localLoad(tweetID)：' + localLoad(tweetID);             // ◀◀◀◀◀◀◀ デバッグ
    //    alert('localLoad(tweetID)：' + localLoad(tweetID));
        shioriMemo.innerHTML = localLoad(tweetID);
//省略
```
alertも意図通りに表示されています。
![イメージ説明](f834c4772e5780efd0f3022c1a76b6e7.png)

### 試したこと

セキュリティソフトが妨害している可能性を考えて、機能停止してみましたが変わりません。
Firefox以外に、Safari、Google Chromeでも試しましたが、読み出してくれません。

### 補足情報（FW/ツールのバージョンなど）

サーバー：ロリポップ
ブラウザ：Firefox 91.0.2 (64 ビット)
クライアント：macOS Mojave 10.14.6