網絡防盜圖，前端做點什么呢？
2023-08-03 16:25:50 來源：程序員客棧
(資料圖片僅供參考)
事前： 1、使用背景圖，規避直接右鍵就能下載保存圖片、復制圖片地址 2、禁用contextmenu事件，不顯示上下文菜單，規避直接保存下載。 3、在圖片上覆蓋一張指殊圖片，讓其視覺隱藏opacity設為0，讓其下載時默認得到這張不正確的圖片 4、img標簽圖片，根據情況設置圖片樣式pointer-events:none；此時上下文菜單不會顯示圖片相關操作 5、SEO無要求的，圖片地址用js賦值，部分防范腳本形式的抓取 6、大圖切片展示，將大圖拆分為幾張小圖，另一層面，也能一定程度上提升正常用戶的瀏覽體驗。 7、針對查看瀏覽器開發者控制臺的情形，可以考慮進行一些簡單干擾，如讓其持續斷點等?？梢栽趎pm上直接搜索判別devtool是否打開的庫。
//簡單中斷開發者調試setInterval(function () {var startTime = new Date().getTime();var timer = setTimeout(function () {$("body").removeClass("except-visit-mask");}, 1e3);debugger;var endTime = new Date().getTime();if(endTime - startTime > 300) {if(timer != null) {clearTimeout(timer);}// 認為開發者工具已開啟$("body").addClass("except-visit-mask");}}, 2e3);事后：1、禁止異常訪問，如根據IP、user-agent、語言、地區等，或正常流量理應包含的請求特征； 2、向惡意盜圖者本身站點及相關服務商投訴，如電商平臺、CDN供應商、app應用平臺等
關鍵詞：
相關文章
精彩推送
