開発者ツール画面をみせない方法

F12 キー無効化


  view source
  JavaScript
  console.log(location.href);
document.title = '開発者ツール画面をみせない方法';

// F12 キー無効化
document.addEventListener('keydown', function (e) {
  if (e.key === 'F12' || (e.ctrlKey && e.shiftKey && e.key === 'I')) {
    e.preventDefault();
    e.stopPropagation();
  }
});

// 右クリック無効化
document.addEventListener('contextmenu', function (e) {
  e.preventDefault();
});



let opened = false;

setInterval(function () {
  const before = new Date();
  debugger; // ← 開発者ツールを開いてると一時停止する！
  const after = new Date();

  if (after - before > 100) {
    if (!opened) {
      opened = true;
      alert('Console is open. Access denied.');
      location.reload(); // または何らかの制限をかける
    }
  }
}, 1000);


console.log = function () {};
console.warn = function () {};
console.error = function () {};
console.clear = function () {};


//view-source:（ソースコード表示）を完全に防ぐ方法はありません

  CSS
  
  HTML
  
    ページのソースを表示 : Ctrl+U , DevTools : F12
    view-source:https://hi0a.com/demo/-js/js-log-hide/
  
  ABOUT
  
    hi0a.com 「ひまあそび」は無料で遊べるミニゲームや便利ツールを公開しています。
    プログラミング言語の動作デモやWEBデザイン、ソースコード、フロントエンド等の開発者のための技術を公開しています。
    必要な機能の関数をコピペ利用したり勉強に活用できます。
    プログラムの動作サンプル結果は画面上部に出力表示されています。
    環境:最新のブラウザ GoogleChrome / Windows / Android / iPhone 等の端末で動作確認しています。
    画像素材や音素材は半分自作でフリー素材配布サイトも利用しています。LINK参照。
    仕様変更、API廃止等、実験途中で動かないページもあります。