[發明專利]一種網頁水印生成、防篡改的方法

在審

• 申請號: 202211544652.2
• 申請日: 2022-12-02
• 公開（公告）號: CN116383782A
• 公開（公告）日: 2023-07-04
• 發明（設計）人: 梁德富
• 申請（專利權）人: 中山市可訊科技有限公司
• 主分類號: G06F21/16
• 分類號: G06F21/16;G06F16/958
• 代理公司: 中山華文專利代理事務所(普通合伙) 44737
• 代理人: 曹聰聰;林鎮勇

本發明提供一種網頁水印生成、防篡改的方法，包括步驟：S1、根據水印信息內容創建水印文檔對象模型；S2、使用Web?Components技術對水印文檔對象模型進行封裝，將封裝的水印文檔對象模型進行備份，并插入到當前網頁中生成水??；S3、調用Mutation?Observer監聽當前網頁中的水印文檔對象模型的變化情況；S4、判斷該變化情況是否為篡改行為，若否，則回到步驟S3，若是，則執行步驟S5；S5、卸載當前網頁被篡改的水印文檔對象模型，重新添加預先備份的水印文檔對象模型重新生成水印，并回到步驟S3。本發明提供的網頁水印生成、防篡改的方法，能夠有效阻止網頁水印篡改行為，應用于網絡信息安全技術領域。

技術領域

本發明涉及網絡信息安全技術領域，特別是涉及一種網頁水印生成、防篡改的方法。

背景技術

首先對本說明書可能涉及到的術語進行解釋：

1.文檔對象模型(DOM)，將web網頁和腳本或編程語言鏈接起來。通常是指JavaScript，但將HTML、SVG或XML文檔建模為對象并不是JavaScript語言的一部分。DOM模型用一個邏輯樹來表示一個文檔，樹的每個分支的終點都是一個節點(node)，每個節點都包含著對象(objects)。DOM的方法(methods)讓你可以用特定方式操作這個樹，用這些方法你可以改變文檔的結構、樣式或者內容。節點可以關聯上事件處理器，一旦某一事件被觸發了，那些事件處理器就會被執行。

2.Cavnas用于動畫、圖形處理、數據可視化等方面。瀏覽器提供的一套通過Javascript編程語言和HTML的canvas元素進行繪制圖形的方式。

3.Svg可縮放矢量圖形(Scalable?Vector?Graphics，SVG)基于XML語言，用來描述二維的矢量圖形。

4.Web?Components相關概念，Shadow?DOM(影子DOM)：一組JavaScript?API，用于將封裝的“影子”DOM樹附加到元素(與主文檔DOM分開呈現)并控制其關聯的功能。通過這種方式，可以保持元素的功能私有化。

5.MutationObserver，一種瀏覽器提供的監聽DOM樹的接口，屬于DOM3?Events規范的一部分。

6.CSS層疊樣式表(英文全稱：Cascading?Style?Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。

目前網頁水印技術基本以在HTML頁面上創建普通DOM、Canvas或SVG元素的形式實現水印生成。并添加一些防止水印篡改的手段實現限制用戶修改。一般會基于MutationObserver提供的能力進行監聽。當頁面上的水印被用戶手動在瀏覽器控制臺篡改時，通過監聽信息識別到篡改操作，重新對水印的DOM對象進行處理。將備份的水印重新替換或添加到頁面中，阻止用戶篡改行為。

現有網頁水印技術一：根據目標水印信息創建文檔對象模型，一般為普通DOM標簽元素、Canvas元素或SVG元素。將其對象模型插入整個頁面文檔對象模型中，實現水印生成。這種技術簡單直接，但防篡改能力差，用戶可以輕易修改水印的文檔對象模型。

現有網頁水印技術二：創建水印文檔對象模型，并基于MutationObserver為水印文檔模型添加監聽器，當監聽器檢測到改動時，重新生成水印文檔對象模型并插入頁面中。通過監聽文檔對象模型等的技術，已有較好的預防惡意篡改水印操作的能力。但仍有一定的不足，其中最主要的問題是，監聽裝置只負責監聽當前水印文檔對象模型本身包括它自身的內聯樣式和其它屬性值，但可以通過修改其所處的上層文檔對象模型的CSS樣式，影響整個水印文檔對象模型的CSS樣式，如可以在水印DOM模型的上一級DOM模型中添加CSS樣式屬性對其進行樣式修改，用戶便有了樣式修改的能力，可以將水印的文檔對象模型的顏色或透明度等進行調整，如設置透明度為零，實現水印隱藏，進而為惡意用戶實現了的篡改目的。