[發明專利]網頁重排版方法及裝置

在審

• 申請號: 201410606504.8
• 申請日: 2014-10-31
• 公開（公告）號: CN105630815A
• 公開（公告）日: 2016-06-01
• 發明（設計）人: 曾錦和
• 申請（專利權）人: 廣州市動景計算機科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京弘權知識產權代理事務所(普通合伙) 11363
• 代理人: 逯長明;許偉群

技術領域

本發明涉及計算機技術領域，特別是涉及一種網頁重排版方法及裝置。

背景技術

隨著互聯網技術的迅猛發展，網絡呈現給人們的內容越來越豐富。大多數網頁已不 是單一的文字或圖片等版式，而是多種媒體元素交叉組合排版，以呈現更加豐富多樣的 信息。特別是隨著智能移動終端的廣泛普及，使“傳遞”和“分享”成為當前互聯網的 重要組成部分。例如用戶可以在日常的工作和生活中將所見、所感以及所聞非常方便的 通過智能手機發表在互聯網上，既分享了信息，也豐富了與他人之間的溝通。

發明人在實現本發明的過程中發現，一些網頁中的內容可能在排版上不夠細致，尤 其是由用戶自發通過移動終端發表的網頁內容在排版上有很大的隨意性，網頁中的元素 在方向、大小或位置上比較混亂。例如用戶發表的照片與對應的文字呈90度，即本應豎 放的照片變成了橫向擺放，這就使其他用戶在閱讀時為了順利理解文字所表達的意思， 需要在文字方向和圖片方向中來回調轉，導致用戶閱讀非常不方便。另外，由于不同用 戶的閱讀習慣可能不一樣，這就使得同一網頁內容在排版風格上不可能適應所有的用戶， 導致排版方式靈活性不夠，用戶對于網頁瀏覽器的體驗不夠友好。

發明內容

本發明實施例中提供了一種網頁重排版方法及裝置，以解決現有技術中的網頁排版 方式不夠靈活，用戶體驗不夠友好的問題。

為了解決上述技術問題，本發明實施例公開了如下技術方案：

一方面，提供了一種網頁重排版方法，所述方法包括：檢測用戶對網頁中的目標元 素的執行動作，所述執行動作包括：旋轉，和/或縮放，和/或移動；根據所述執行動作 獲取所述執行動作的動作參數，所述動作參數包括：旋轉角度，和/或縮放系數，和/或 移動的目標位置；根據所述動作參數計算所述目標元素的更新樣式；根據所述更新樣式 對所述目標元素在所述網頁中進行排版。

結合一方面，在第一種可能的實現方式中，所述方法還包括：檢測用戶輸入的觸發 操作，判斷所述觸發操作是否滿足預設的觸發條件，如果滿足所述預設的觸發條件，則 執行所述檢測用戶對網頁中的目標元素的執行動作的步驟；

所述判斷所述觸發操作是否滿足預設的觸發條件，包括：判斷所述觸發操作是否為 預設的觸屏操作，所述預設的觸屏操作包括：在所述目標元素的有效顯示范圍內點擊超 過第一時間閾值的觸屏操作，或者判斷所述觸發操作是否為預設的觸發菜單項。

結合一方面，或第一種可能的實現方式，在第二種可能的實現方式中，所述檢測用 戶對網頁中的目標元素的執行動作包括：檢測用戶對所述目標元素進行旋轉，和/或縮放， 和/或移動的觸屏手勢操作，或者檢測用戶根據預設的菜單項對所述目標元素進行旋轉， 和/或縮放，和/或移動的操作。

結合一方面，或第一種可能的實現方式，在第三種可能的實現方式中，所述動作參 數還包括所述執行動作的事件中心點的坐標；

所述方法還包括：判斷所述事件中心點的坐標是否位于所述目標元素的有效顯示范 圍內；當所述事件中心點的坐標位于所述目標元素的有效顯示范圍內，則執行根據所述 動作參數計算所述目標元素的更新樣式。

結合一方面，或第一種可能的實現方式，在第四種可能的實現方式中，根據所述動 作參數計算所述目標元素的更新樣式包括：將所述動作參數轉換成CSS標準的transform 屬性；根據所述轉換后的所述transform屬性和所述目標元素原有的transform屬性計 算所述目標元素的更新樣式。

另一方面，提供一種網頁重排版裝置，其特征在于，所述裝置包括：

檢測單元，用于檢測用戶對網頁中的目標元素的執行動作，所述執行動作包括：旋 轉，和/或縮放，和/或移動；獲取單元，用于根據所述檢測單元檢測的所述執行動作獲 取所述執行動作的動作參數，所述動作參數包括：旋轉角度，和/或縮放系數，和/或移 動的目標位置；計算單元，用于根據所述獲取單元獲取的所述動作參數計算所述目標元 素的更新樣式；排版單元，用于根據所述計算單元計算的所述更新樣式對所述目標元素 在所述網頁中進行排版。

結合另一方面，在另一方面的第一種可能的實現方式中，所述裝置還包括：檢測判 斷單元，具體用于在所述檢測單元檢測用戶對網頁中的目標元素的執行動作之前，檢測 用戶輸入的觸發操作，并判斷所述觸發操作是否為預設的觸屏操作；