npm i disable-devtool

import DisableDevtool from 'disable-devtool';
DisableDevtool(options);

<script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool'></script>

<!--使用指定版本-->
<script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool@x.x.x'></script>
<!--使用最新版本-->
<script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool@latest'></script>

interface IConfig {
    md5?: string; // 繞過禁用的md5值，默認(rèn)不啟用繞過禁用
    url?: string; // 關(guān)閉頁面失敗時的跳轉(zhuǎn)頁面，默認(rèn)值為localhost
    tkName?: string; // 繞過禁用時的url參數(shù)名稱，默認(rèn)為 ddtk
    ondevtoolopen?(type: DetectorType, next: Function): void; // 開發(fā)者面板打開的回調(diào)，啟用時url參數(shù)無效，type 為監(jiān)測模式， next函數(shù)是關(guān)閉當(dāng)前窗口
    ondevtoolclose?(): void; // 開發(fā)者面板關(guān)閉的回調(diào)
    interval?: number; // 定時器的時間間隔 默認(rèn)200ms
    disableMenu?: boolean; // 是否禁用右鍵菜單 默認(rèn)為true
    stopIntervalTime?: number; // 在移動端時取消監(jiān)視的等待時長
    clearIntervalWhenDevOpenTrigger?: boolean; // 是否在觸發(fā)之后停止監(jiān)控 默認(rèn)為false， 在使用ondevtoolclose時該參數(shù)無效
    detectors?: Array<DetectorType>; // 啟用的檢測器 檢測器詳情
    clearLog?: boolean; // 是否每次都清除log
    disableSelect?: boolean; // 是否禁用選擇文本 默認(rèn)為false
    disableCopy?: boolean; // 是否禁用復(fù)制 默認(rèn)為false
    disableCut?: boolean; // 是否禁用剪切 默認(rèn)為false
    disablePaste: boolean; // 是否禁用粘貼 默認(rèn)為false
    ignore?: (string|RegExp)[] | null | (()=>boolean); // 某些情況忽略禁用
    disableIframeParents?: boolean; // iframe中是否禁用所有父窗口
    timeOutUrl?: // 關(guān)閉頁面超時跳轉(zhuǎn)的url;
}
enum DetectorType {
  Unknown = -1,
  RegToString = 0, // 根據(jù)正則檢測
  DefineId, // 根據(jù)dom id檢測
  Size, // 根據(jù)窗口尺寸檢測
  DateToString, // 根據(jù)Date.toString 檢測
  FuncToString, // 根據(jù)Function.toString 檢測
  Debugger, // 根據(jù)斷點(diǎn)檢測，僅在ios chrome 真機(jī)情況下有效
  Performance, // 根據(jù)log大數(shù)據(jù)性能檢測
  DebugLib, // 檢測第三方調(diào)試工具 eruda 和 vconsole   
};

<script 
    disable-devtool-auto
    src='https://cdn.jsdelivr.net/npm/disable-devtool'
    md5='xxx'
    url='xxx'
    tk-name='xxx'
    interval='xxx'
    disable-menu='xxx'
    detectors='xxx'
    clear-log='true'
    disable-select='true'
    disable-copy='true'
    disable-cut='true'
    disable-paste='true'
></script>

DisableDevtool({
    ondevtoolopen(type, next){
        alert('Devtool opened with type:' + type);
        next();
    }
});

DisableDevtool.md5('xxx');