WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

Google Chromeのデベロッパーツールで「Unchecked runtime.lastError: The message port closed before a response was received.」という警告が出るときは

公開日:2019(令和元)年11月18日/最終更新日:

Webサイトのトラブルシューティング



【景品表示法に基づく表記】ページ内のコンテンツには、商品プロモーションが含まれています

少し前からサイトのデザイン修正などをする際Google Chromeブラウザでデベロッパーツールを起動すると、警告マーク(×)が必ず表示されるようになりました。

内容は

「Unchecked runtime.lastError: The message port closed before a response was received.」

「The message port closed before a response was received.」を直訳すると

レスポンスを受け取る前にメッセージポートが閉じてしまいました

ん?全然直訳じゃないって?全部日本語にすると余計意味不明になるのでカタカナ混じりにしてるだけです(笑)。

とにかくどこかにアクセスして情報取得しようとするも、その前に接続を切断(ポートを閉鎖)してしまってますよということのようです。・・・って言われてもなんじゃらほいって感じですよね??

とにかく警告表示ってなんとも気持ち悪いので、できれば出ないようにしたい!!で試した結果、私の環境では解消方法が見つかりましたので紹介しておきます。

結論:Chromeで有効にしている拡張機能の問題のようです

デベロッパーツールを使う機会は、自身の管理するサイトのチェック時であることが多いので、画面右上に赤で×って表示が出るだけでちょっと嫌な感じがしますよね?ましてや注意や案内ではなく警告なのですから猶更です。

そこで私のサイトだけで「Unchecked runtime.lastError: The message port closed before a response was received.」が表示されるのかをいくつかのページを開いて確認したら・・・なんとそれらすべてで表示されるではありませんか!!

これは私のサイトのせいではない!!確信した瞬間です(笑)。

あとはGoogle Chrome本体の中で何かが起こっているのか、はたまた設定なのか、さらには拡張機能なのか・・ということでまずは自身で追加する拡張機能から疑ってみました。

いろいろ入ってる拡張機能を停止してはリロードして見るという作業をいくつかしたとき・・・

ビンゴ!!私の場合は「Google Publisher Toolbar」を停止したら見事に解消されました。

Google Publisher Toolbarは毎回収益確認のためにAdsenseのサイトを開かなくても、アイコンクリックするだけで収益が分かる便利な拡張機能だから外せない・・・結論としてこのエラー表示は無視することにしました。

※他の拡張機能で出ることもあると思いますので、もしも出たときは本当に必要なものかどうか精査するようにして、できれば使わない、代替のものを探すなどした方がいいでしょう。

いやはやココだけの話(って公開しちゃってるか・・)、Googleが提供しているブラウザでGoogleの拡張機能でエラー表示・・・ちょっとねぇ・・って感じがしました(笑)。

ちなみにこれまた最近出るようになった

「A cookie associated with a cross-site resource at…」という注意が出る現象については

で書いているように対処すれば表示されなくなりますので気になる方はやってみてくださいね。