右クリックやコピペ禁止を強力に解除する方法。Chrome＆Firefox拡張機能

通常のWEBサイトであれば、マウスで文字を選択してコピーしたり、右クリック＆コンテキストメニューを表示することができますが、これらの機能を意図的に禁止しているサイトをたまに見かけます。

おそらく、

「一文字たりともコピペなんて許さんからな！」
「ウチの記事をパクるなよ！ソースなんて見せんぞ。」

…的な意味があるのでしょう。

中には、記事内でサンプル的なプログラムソースコードを公開しているにも関わらず、テキストをコピーさせないという、意味不明なサイトも存在します。

どういう仕組で禁止されているのか？

右クリックやコピペができないというのは、あなたの使用しているブラウザの問題ではなく、そのサイトがそういう風に設定されているからです。

ほとんどの場合、以下ような仕組みで禁止設定されています。

ソース内のJavaScriptで禁止
CSSで禁止
その両方

JavaScriptだけで禁止しているものであれば、ブラウザの設定でオフするだけで良いのですが、
大抵はCSSにも設定されています。

つまりは、JSをオフにしつつ、CSSを一時的に上書きすることにより、いつものように右クリックやコピペができるようになります。

右クリック禁止やテキストコピー禁止が仕込まれているサイトには、大げさなツールを使っている訳ではなく、
HTML内のタグに数文字追加するだけで完成します。

<body oncontextmenu="return false;" style="user-select: none;">
...
...
</body>

もちろん推奨はしませんが、
詳しい「右クリック、やテキストコピーを禁止するサイトの作り方」は、以下のページを参照ください。

セコい「コピペ禁止サイト」の作り方（右クリックもテキスト選択も禁止！）

https://tamoc.com/create-site-prohibits-right-click

個人的には大反対な「右クリック禁止サイト」ですが、あえてその実装方法を紹介します。右クリックを禁止しているサイトの意図は文字のコピーをされたくないことだと思うので、マウスドラッグで文字等の選択を禁...

tamoc.com

この記事も読んでね

具体的な解除方法

「右クリックをできるようにする」または「テキストコピーできるようにする」具体的な方法は、大きく分けて２つあります。

ブラウザ設定とデベロッパーツールで解除する方法。（←めんどくさいです。）
ブラウザの拡張機能（アドオン）を使う方法。（← 簡単です。）

このページの最後の方にも説明しますが、単純にそのページのソースコードを見たいのであれば、
以下のショートカットキーを押せばソースを見ることができます。

（Chromeの場合）

【Mac】: command ⌘+option ⌥+U

【Windows】: Ctrl+U

※ Mac版Firefoxは、command ⌘+Uでも可能です。

方法１：ブラウザ設定とデベロッパーツールで解除する方法（ちょっと面倒）

動作確認環境

OS：macOS Monterey（12.1）
Chrome 98

JavaScriptを停止する手順とCSSを一時的に上書きする方法をChromeを例に解説します。

ブラウザの設定でJavascriptを手動停止する方法

Chrome本体設定でJavascript（JS）を無効にすることにより、右クリック禁止を解除することができます。

JSを常に無効にしておくことは、他のページに多大な影響を与えるので、用事が済んだらJSを有効にしておいてください。

【設定方法】

STEP.1
Chromeの環境設定を開きます。

【Mac】

Command＋,または、ファイル→環境設定から。

【Windows】

Chrome画面右上の「」→設定
STEP.2
JavaScriptを無効にする。

「セキュリティとプライバシー」→「サイトの設定」とクリックします。
「JavaScript」をクリックします。

「デフォルトの動作」項目の「サイトにJavaScriptの使用を許可しない」にチェックを付けます。

以上で設定が完了です。

Javascriptをオフにすることにより、右クリック禁止を解除させることができます。

JavaScriptをオフにすると、おそらく右クリックは出来るようになりますが、テキストコピーはまだ出来ないかもしれません。（CSSの一時上書き設定が必要）
注意点として、JavaScriptは基本オンにしておかないと、他のサイト表示に影響が出てくるので、用事が済んだら元に戻しておかないといろいろ不具合が出てきます。
そして、この方法は設定するのも、戻すのもめんどくさい。

ChromeデベロッパーツールでCSSを上書きしてコピペ可能にする方法

CSSでテキストコピーが禁止されている場合は、以下の設定を行ってください。

ブラウザ内のデベロッパーツールを起動し、以下のCSSを追加します。

* {
    user-select: auto !important;
    -webkit-user-select: auto !important;
    -webkit-user-drag: auto !important;
}

※ 入力に若干クセがありますが、タブキーを活用するとスムーズに入力できるかと思います。
※ 念の為に言うと、この設定を行ったところで、大本のソースが変わるわけではなく、「設定したブラウザのみ一時的に有効」になるだけです。再描画すると設定はリセットされます。

これで、テキストのコピーが可能になるかと思います。

方法2：ブラウザの拡張機能を使う（簡単でオススメ）

ブラウザの拡張機能を使うことによって、手軽に右クリック禁止を解除することができます。

つまり、「方法１」でチマチマ手動設定していた事が拡張機能で簡単に設定することが可能になります。

右クリックやテキストコピーを有効化にしてくれる拡張機能は、いくつかありますが
~~「Pumpkin’s Right Click Enable」が一番強力です。~~
「Absolute Enable Right Click & Copy」が一番強力でオススメです。

Chrome版：Absolute Enable Right Click & Copy

Chrome版はこちら。Chromeからアクセスしないとインストールすることができません。

Absolute Enable Right Click & Copy

https://chrome.google.com/webstore/detail/absolute-enable-right-cli/jdocbkpgdakpekjlhemmfcncgdjeiika

Force Enable Right Click & Copy

chrome.google.com

外部サイト

Firefox版：Absolute Enable Right Click & Copy

Firefox版はこちら。Firefoxからアクセスしないとインストールすることができません。

Absolute Enable Right Click & Copy – ? Firefox (ja) 向け拡張機能を入手

https://addons.mozilla.org/ja/firefox/addon/absolute-enable-right-click/

Firefox 向け Absolute Enable Right Click & Copy をダウンロード。Force Enable Right Click & Copy

addons.mozilla.org

外部サイト

その他の「右クリックを有効にしてくれる拡張機能」の一例（全てChorme版）

「Absolute Enable Right Click & Copy」があれば、以下の拡張機能は必要ありませんが、一応紹介。
「Pumpkin’s Right Click Enable」は以前オススメしていましたが、CSSを解除できないのでオススメから外しました。

つまりは、「Absolute Enable Right Click & Copy」だけでOK！

「Absolute Enable Right Click & Copy」の良いところ

強力: Javascriptだけでなく、コピペ禁止のCSSも書き換えてくれるので、大抵の右クリック＆コピー禁止サイトも解除してくれます。
シンプル: 操作はとにかくシンプルで設定箇所は２箇所のみです。
（option設定もありますが、デフォルトのままでOKです。）

使い方

使い方はとってもシンプルです。

Chromeの右上にある矢印のアイコン（Absolute Enable Right Click & Copyのアイコン）をクリックします。
「Enable Copy」と「Absolute Mode」にチェックをつける。
（Enable Copyだけで解消される場合はそれだけでOKです。）