カテゴリー:
ブラウザ
閲覧数:615 配信日:2017-02-18 13:00
.mhtml 形式で保存しても、コピペ出来ない
Web ページを .mhtml 形式で保存してみたのですが、コピペ出来ませんでした
コピペ出来ないWeb ページは、その状態のままで保存されることが分かりました。
「Chrome Developer Tools」ConsoleパネルへJavaScriptコードを記述しても、コピペ出来ない
Chromeブラウザ下部で開く「Chrome Developer Tools」Consoleパネルへ、JavaScriptコードをを記述しても、(右クリック出来るようになりましたが)コピペ出来ませんでした
document全体の右クリック禁止を解除する方法
document.oncontextmenu = function () {return true;}
body要素に対しての右クリック禁止を解除する方法
document.body.oncontextmenu = function () {return true;}
JavaScriptで、右クリック禁止を解除します
原因判明
対象Webサイトは、下記2つの対策を行っていました
・JavaScriptで右クリック禁止
・CSSで選択禁止
コピペするためには、上記 2 つを解除する必要がありました。
CSSでテキスト選択不可にすることが出来ます
CSS3のuser-selectで、userのドラッグ選択を不可にすることが出来ます。
userがドラッグ選択出来ないと、ブラウザ画面に「コピー」が表示されないため、userは「コピー」することが出来なくなります。
body{
user-select:none;
-webkit-user-select:none;
-ms-user-select: none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}