Web

未ログイン状態で Facebook を開いた時に表示されるログインウィンドウを消す

投稿日:2019年1月9日 更新日:

1. Facebook の仕様変更?

未ログイン状態で Facebook のページを開くと、ログインウィンドウ(?)が手前に表示されるのですが、少し前までは消すことができるようになっていました。

ところが、最近の更新で消せなくなってしまったようです(今は2019年1月上旬です)。消すためのボタン(もしくはリンク)がどこにも見当たりません。

Facebook のログインウィンドウ

これではコンテンツを読むことが困難です。

素直にログインすればよいのですが、普段 Facebook を使っていない人からすると面倒です。

そこで、ログインしなくてもコンテンツが読めるように、

  • ログインウィンドウを消す。
  • 背景が暗くなっているのを戻す。

を行うブックマークレットを作りました。

2. ブックマークレットの使い方

(1) 以下のリンクを、ブラウザのブックマークバー(ツールバー)にドラッグ・アンド・ドロップします。

フェイスブックのログインウィンドウを消すブックマークレット

※ 中身の分からないブックマークレットを実行することは危険ですので、念の為ブックマークマネージャーを開き、ブックマークレットに記述されているコードを確認することが推奨されます。

(2) Facebook のページを開いた状態で、ブックマークバー上のブックマークレットを選択すれば、ログインウィンドウが消えます。

ブックマークバーから、今回登録したブックマークレットを実行する
ブックマークバーから、今回登録したブックマークレットを実行する

以上です。

3. 仕組み

このブックマークレットには、以下の JavaScript コードが記述してあります。

document.querySelector('._62uh').remove();
document.querySelector('._5hn6').remove();

これは、邪魔になっている要素を削除しているだけの処理です。

要はこのコードが実行できればよいので、ブラウザの開発者ツールに用意されている [Console] タブの中で実行してもよいです。

ちなみに、Facebook のページを開いた状態で、ブラウザの開発者ツールにある [Console]タブを選択すると、以下のような警告メッセージが表示されます。

ブラウザの開発者ツールで[Console]を開いたところ
ブラウザの開発者ツールで[Console]を開いたところ

セルフXSS詐欺とはどのようなものですか。 | Facebookヘルプセンター | Facebook に説明が書いてありますが、セキュリティ・プライバシーの観点から「怪しいJavaScriptコードを実行しないでください」ということを言っています。

4. 注意点

今回記述しているコードが 安全であると理解できる人のみ利用してください。

5. おわりに

今後 Facebook のページ仕様が変われば、今回のコードでは対応できなくなる可能性が高いです。
その場合、また対応方法が見付かれば本記事を更新したいと思います。

📂-Web

執筆者:labo


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Web

Webページ中の特定の文字列をURLで指定する(Text Fragments)

Webページ中の特定の文字列をURLで指定する Text Fragments について説明します。

Web

Web Components: CSS Shadow Parts の使い方

CSS Shadow Parts の使い方を説明します。

Web Security

SSLで使用する証明書運用の不便さ

上のどちらも、SSLの証明書が期限を過ぎてしまったことが原因で起きた問題のようです。 前者は詳しく見ていないので分かりませんが、後者はサーバー証明書ではなくデバイス側に保存されているクライアント証明書 …

ただ今、本ウェブサイトを改造しています

現在、このウェブサイトを改造しています。 今回、WordPress の「Attitude」というテーマを使ってみたのですが、評判が良いだけあって使いやすいです。デザインがすっきりしていてシンプルなのも …

Web

HTTP クッキーをより安全にする SameSite 属性について (Same-site Cookies)

HTTP クッキー(Cookie) をより安全に使用することができる SameSite 属性 について説明します。 目次1. HTTP クッキーの基本動作2. クッキーの SameSite 属性につい …