{ function ban() { setInterva" />

chinese直男口爆体育生外卖, 99久久er热在这里只有精品99, 又色又爽又黄18禁美女裸身无遮挡, gogogo高清免费观看日本电视,私密按摩师高清版在线,人妻视频毛茸茸,91论坛 兴趣闲谈,欧美 亚洲 精品 8区,国产精品久久久久精品免费

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內(nèi)不再提示

如何禁止人家調(diào)試自己的前端代碼

馬哥Linux運維 ? 來源:馬哥Linux運維 ? 2023-08-29 09:31 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

為啥要禁止?

由于前端頁面會調(diào)用很多接口,有些接口會被別人爬蟲分析,破解后獲取數(shù)據(jù)

為了杜絕這種情況,最簡單的方法就是禁止人家調(diào)試自己的前端代碼

無限 debugger

前端頁面防止調(diào)試的方法主要是通過不斷debugger來瘋狂輸出斷點,因為debugger在控制臺被打開的時候就會執(zhí)行

由于程序被debugger阻止,所以無法進行斷點調(diào)試,所以網(wǎng)頁的請求也是看不到的

基礎代碼如下:


/** * 基礎禁止調(diào)試代碼 */ (() => { function ban() { setInterval(() => { debugger; }, 50); } try { ban(); } catch (err) { } })();

4c189c0c-45ae-11ee-a2ef-92fbcf53809c.jpg

無限 debugger 的對策

如果僅僅是加上面那么簡單的代碼,對于一些技術人員而言作用不大

可以通過控制臺中的Deactivate breakpoints按鈕或者使用快捷鍵Ctrl + F8關閉無限debugger

這種方式雖然能去掉礙眼的debugger,但是無法通過左側(cè)的行號添加breakpoint

4c3246fc-45ae-11ee-a2ef-92fbcf53809c.jpg

禁止斷點的對策

如果將setInterval中的代碼寫在一行,就能禁止用戶斷點,即使添加logpoint為false也無用

當然即使有些人想到用左下角的格式化代碼,將其變成多行也是沒用的

(() => {
  function ban() {
    setInterval(() => { debugger; }, 50);
  }
  try {
    ban();
  } catch (err) { }
})();

4c6031b6-45ae-11ee-a2ef-92fbcf53809c.jpg

忽略執(zhí)行的代碼

通過添加add script ignore list需要忽略執(zhí)行代碼行或文件

也可以達到禁止無限debugger

4c7862ea-45ae-11ee-a2ef-92fbcf53809c.jpg

忽略執(zhí)行代碼的對策

那如何針對上面操作的惡意用戶呢

可以通過將debugger改寫成Function("debugger")();的形式來應對

Function構(gòu)造器生成的debugger會在每一次執(zhí)行時開啟一個臨時js文件

當然使用的時候,為了更加的安全,最好使用加密后的腳本


javascript

復制代碼

// 加密前 (() => { function ban() { setInterval(() => { Function('debugger')(); }, 50); } try { ban(); } catch (err) { } })(); // 加密后 eval(function(c,g,a,b,d,e){d=String;if(!"".replace(/^/,String)){for(;a--;)e[a]=b[a]||a;b=[function(f){return e[f]}];d=function(){return"w+"};a=1}for(;a--;)b[a]&&(c=c.replace(new RegExp(""+d(a)+"","g"),b[a]));return c}('(()=>{1 0(){2(()=>{3("4")()},5)}6{0()}7(8){}})();',9,9,"block function setInterval Function debugger 50 try catch err".split(" "),0,{}));

4c8c5e9e-45ae-11ee-a2ef-92fbcf53809c.jpg

終極增強防調(diào)試代碼

為了讓自己寫出來的代碼更加的晦澀難懂,需要對上面的代碼再優(yōu)化一下

將Function('debugger').call()改成(function(){return false;})['constructor']('debugger')['call']();

并且添加條件,當窗口外部寬高和內(nèi)部寬高的差值大于一定的值 ,我把body里的內(nèi)容換成指定內(nèi)容

當然使用的時候,為了更加的安全,最好加密后再使用


(() => { function block() { if (window.outerHeight - window.innerHeight > 200 || window.outerWidth - window.innerWidth > 200) { document.body.innerHTML = "檢測到非法調(diào)試,請關閉后刷新重試!"; } setInterval(() => { (function () { return false; } ['constructor']('debugger') ['call']()); }, 50); } try { block(); } catch (err) { } })();

4ca65e66-45ae-11ee-a2ef-92fbcf53809c.jpg

審核編輯:彭菁

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 接口
    +關注

    關注

    33

    文章

    9293

    瀏覽量

    155586
  • 數(shù)據(jù)

    關注

    8

    文章

    7296

    瀏覽量

    93487
  • 程序
    +關注

    關注

    117

    文章

    3832

    瀏覽量

    84467
  • 代碼
    +關注

    關注

    30

    文章

    4923

    瀏覽量

    72369

原文標題:禁止別人調(diào)試自己的前端頁面代碼

文章出處:【微信號:magedu-Linux,微信公眾號:馬哥Linux運維】歡迎添加關注!文章轉(zhuǎn)載請注明出處。

收藏 人收藏
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

    評論

    相關推薦
    熱點推薦

    鴻蒙原生應用元服務開發(fā)WEB-使用Devtools工具調(diào)試前端頁面

    ()接口開啟Web組件前端頁面調(diào)試能力,利用DevTools工具可以在PC端調(diào)試移動設備上的前端網(wǎng)頁。 1.使用DevTools工具,可以執(zhí)行以下步驟: 在應用
    發(fā)表于 05-21 15:59

    關于手機的TX調(diào)試,急急急

    1,面試的時候人家總問我TX調(diào)試順序問題,我覺得應該先從前端基帶調(diào)起,即基帶~PA~雙工器~天線開關~天線。我是這樣想的:因為前端的噪聲系數(shù)對系統(tǒng)影響最大,所以,要從最前面開始調(diào)。這樣
    發(fā)表于 05-12 11:08

    為什么STM32會禁止JTAG調(diào)試功能卻保留SWD下載調(diào)試功能呢

    為什么STM32會禁止JTAG調(diào)試功能卻保留SWD下載調(diào)試功能呢?
    發(fā)表于 11-25 08:56

    Harmony自定義頁面請求與前端頁面調(diào)試

    能力,利用DevTools工具可以在PC端調(diào)試移動設備上的前端網(wǎng)頁。 使用DevTools工具,可以執(zhí)行以下步驟: 1. 在應用代碼中開啟Web調(diào)試開關,具體如下: //xxx.e
    發(fā)表于 09-20 17:55

    HFC前端到同軸電纜的調(diào)試

    HFC(光纖同軸電纜混合系統(tǒng))按照系統(tǒng)設計圖施工、架設、安裝結(jié)束以后,就要對整個系統(tǒng)從前端到同軸電纜進行調(diào)試。只有經(jīng)過調(diào)試后信號電平達到設計指標,整個系統(tǒng)才能
    發(fā)表于 09-26 16:44 ?0次下載

    自己動手寫前端框架》電子書

    從入門菜鳥的角度來學習如何自己前端框架??尚行愿?,簡單易懂,適合入門學習。
    發(fā)表于 03-17 09:53 ?0次下載

    PID算法原理_調(diào)試經(jīng)驗以及代碼總結(jié)

    PID算法原理_調(diào)試經(jīng)驗以及代碼總結(jié)分享。
    發(fā)表于 05-25 15:59 ?16次下載

    PID算法原理、調(diào)試方法及源代碼

    PID算法原理、調(diào)試方法及源代碼
    發(fā)表于 07-06 10:25 ?17次下載

    PID算法原理、調(diào)試經(jīng)驗以及代碼資料

    PID算法原理、調(diào)試經(jīng)驗以及代碼資料
    發(fā)表于 11-21 10:25 ?15次下載

    STM32單片機在調(diào)試禁止開門狗IWDG,WWDG

    前言使用cube mx生成的stm工程開啟了開門狗,在調(diào)試打斷點時,開門狗會繼續(xù)計數(shù),從而對導致復位,這個時候是沒法直接禁止開門狗的,如果把cube mx生成的代碼直接修改了,下次使用cube mx
    發(fā)表于 12-23 18:58 ?6次下載
    STM32單片機在<b class='flag-5'>調(diào)試</b>時<b class='flag-5'>禁止</b>開門狗IWDG,WWDG

    如何通過cmm命令設置調(diào)試映像源代碼路徑

    當使用Codeviser調(diào)試系統(tǒng)映像文件時,經(jīng)常遇到映像編譯使用的源代碼路徑和調(diào)試時使用的源代碼路徑不一致的情況,調(diào)試這樣的映像時,經(jīng)常會發(fā)
    的頭像 發(fā)表于 11-15 11:07 ?1888次閱讀

    RAA489220 電池前端示例代碼手冊

    RAA489220 電池前端示例代碼手冊
    發(fā)表于 01-09 19:17 ?0次下載
    RAA489220 電池<b class='flag-5'>前端</b>示例<b class='flag-5'>代碼</b>手冊

    RAA489220 電池前端示例代碼手冊

    RAA489220 電池前端示例代碼手冊
    發(fā)表于 06-30 19:11 ?0次下載
    RAA489220 電池<b class='flag-5'>前端</b>示例<b class='flag-5'>代碼</b>手冊

    智能制造行業(yè)--客戶現(xiàn)場調(diào)試代碼如何防泄密

    我國近幾年傳統(tǒng)制造向智能制造的轉(zhuǎn)變,很多制造企業(yè)不僅有自己公司的圖紙文件需要保密,企業(yè)的有很多源代碼也需要保密,但是對于源代碼采用圖紙防泄密的方式是不可取的,源代碼防泄密比圖紙文件防泄
    的頭像 發(fā)表于 01-11 16:27 ?1100次閱讀
    智能制造行業(yè)--客戶現(xiàn)場<b class='flag-5'>調(diào)試</b>源<b class='flag-5'>代碼</b>如何防泄密

    前端調(diào)試實踐

    ,能在不同的前端場景應用不同的調(diào)試方式,翻倍提高你解決問題的效率 ? ? 1 sources面板概覽 source面板是我們斷點調(diào)試經(jīng)常用的到的地方,我們可以先大概認識一下它長什么樣子,大概有什么功能 ? ? ?左側(cè)區(qū)塊:包含了
    的頭像 發(fā)表于 03-11 15:41 ?462次閱讀
    <b class='flag-5'>前端</b><b class='flag-5'>調(diào)試</b>實踐