国产色欲综合,色五月综合激情,一起操网站在线观看,色日本导航,亚洲特级毛片精品久久,亚洲加勒比午夜网址,蘑菇视频logo红色,久久大香蕉欧美

網絡防盜圖，前端做點什么呢？

前端比劃

共 1243字，需瀏覽 3分鐘

2023-08-02 07:00

尤其是電商網站，難免會被人惡意盜圖，惹上圖片被侵權的煩惱。這里不說使用圖片水印或采取法律手段來保護自己的合法權益。單純的從前端視角，我們可以做些什么呢？

顯然，我們可以從事前防范和事后分析兩個維度來處理。做不了完美防范，但至少聊勝于無，大家有更好的建議，歡迎留言討論。

事前：

1、使用背景圖，規(guī)避直接右鍵就能下載保存圖片、復制圖片地址

2、禁用contextmenu事件，不顯示上下文菜單，規(guī)避直接保存下載。

3、在圖片上覆蓋一張指殊圖片，讓其視覺隱藏opacity設為0，讓其下載時默認得到這張不正確的圖片

4、img標簽圖片，根據情況設置圖片樣式pointer-events:none；此時上下文菜單不會顯示圖片相關操作

5、SEO無要求的，圖片地址用js賦值，部分防范腳本形式的抓取

6、大圖切片展示，將大圖拆分為幾張小圖，另一層面，也能一定程度上提升正常用戶的瀏覽體驗。

7、針對查看瀏覽器開發(fā)者控制臺的情形，可以考慮進行一些簡單干擾，如讓其持續(xù)斷點等。可以在npm上直接搜索判別devtool是否打開的庫。

//簡單中斷開發(fā)者調試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);        }        // 認為開發(fā)者工具已開啟        $('body').addClass('except-visit-mask');    }}, 2e3);

事后：

1、禁止異常訪問，如根據IP、user-agent、語言、地區(qū)等，或正常流量理應包含的請求特征；

2、向惡意盜圖者本身站點及相關服務商投訴，如電商平臺、CDN供應商、app應用平臺等

點贊

評論

舉報

網絡防盜圖，前端做點什么呢？

網絡防盜圖，前端做點什么呢？