More than 5 years have passed since last update.

Firefoxのコンソール出力画面でString.fromCharCode(160)【 】が半角スペースになる

Posted at 2017-10-24

検証環境

たとえば

<div>test&nbsp;test</div>

というHTMLがあった時、

document.querySelector('div').innerText

には
test ( )test
と格納されている。
これを

console.log(document.querySelector('div').innerText)

とすると、出力は
test (半角スペース)test
になっている。

なので、一度コンソールに出力した結果をコピペし、生のinnerTextとコンソールで比較してみると

document.querySelector('div').innerText === 'test test'

これはfalseになる。

コンソールの出力履歴に出たときに変換されるらしく、面白い現象が現れる。

一度trueになった式をコピペすると、falseになるのである。

なお、Chromeでは発生しなかった。

E2EテストでHeadlessChromeのテストコードとほぼ同じコードでFirefoxの開発者ツールで実行→コピペでexpectedコードを作成していたら、assertが通過しなかったことから発覚。

自動テストがChromeなら最初からChromeですればよかった…