[發明專利]一種HTML內聯CSS和內聯JavaScript合并方法

有效

• 申請號: 201810537662.0
• 申請日: 2018-05-30
• 公開（公告）號: CN108762732B
• 公開（公告）日: 2019-06-11
• 發明（設計）人: 楊開森;任睿
• 申請（專利權）人: 南京焦點領動云計算技術有限公司
• 主分類號: G06F8/20
• 分類號: G06F8/20;G06F8/38
• 代理公司: 南京瑞弘專利商標事務所(普通合伙) 32249
• 代理人: 陳建和

1.一種HTML內聯CSS和內聯JavaScript合并方法，其特征在于，通過自定義FreeMarker標簽，設置收集及匯總內聯CSS和內聯JavaScript的占位點及變更原始內聯CSS和內聯JavaScript標簽，并根據兩類標簽內容收集與否做差異化解析處理，具體步驟有：

步驟1：在HTML頁面中任意選取一個位置，新建一個用于包裹HTML頁面中內聯CSS和內聯JavaScript的基礎FreeMarker標簽，按照FreeMarker語法形式設置用于收集內聯CSS和內聯JavaScript的占位點、并為每一個占位點配置身份標識屬性和收集限定屬性；其中，所述收集內聯CSS的占位點是用于標識匯總HTML頁面中內聯CSS的位置；所述收集內聯JavaScript的占位點是用于標識匯總HTML頁面中內聯JavaScript的位置；

步驟2：定位HTML頁面中所有內聯CSS，并將所有內聯CSS的標簽“<style></style>”變更為FreeMarker標簽的形式[@web_style][/@web_style]；定位HTML頁面中所有內聯JavaScript，并將所有內聯JavaScript的標簽“<script></script>”變更為FreeMarker標簽的形式[@web_JavaScript][/@web_JavaScript]；在標簽變更過程中，設置標簽[@web_style][/@web_style]和[@web_JavaScript][/@web_JavaScript]的收集屬性、收集順序屬性及收集點屬性；其中，所述收集屬性用于指明標簽內容是否需要匯總收集；所述收集順序屬性用于指明標簽內容的收集順序；所述收集點屬性用于指明標簽內容的收集匯總位置，收集點屬性值應與占位點標識保持一致；

步驟3：HTML頁面渲染，具體渲染為通過解析出步驟1中的基礎FreeMarker標簽，依次識別HTML頁面中用于收集內聯CSS和內聯JavaScript的占位點，以及基于FreeMarker形式編制的內聯CSS標簽和內聯JavaScript標簽；綜合按照標簽收集屬性、收集順序屬性及收集點屬性，決定是否收集合并內聯CSS/內聯JavaScript內容、收集順序及收集位置；將內聯CSS/內聯JavaScript占位點替換為相對應收集匯總的標簽內容，無收集需求的標簽內容在原位置輸出，形成基于內聯CSS和內聯JavaScript合并的HTML頁面；

步驟4：按照新形成的HTML頁面內容，對合并的內聯CSS標簽內容、合并的內聯JavaScript標簽內容同時集中處理，最終網頁樣式和動態效果在瀏覽器端輸出和顯示。

2.如權利要求1所述的一種HTML內聯CSS和內聯JavaScript合并方法，其特征在于：所述內聯JavaScript占位點的設置劃分為三類，即統計類、效果類和其他類；并依照渲染速度從快至慢按照效果類內聯JavaScript占位點、其他類內聯JavaScript占位點、統計類內聯JavaScript占位點這一順序從上至下排列。

3.如權利要求2所述的一種HTML內聯CSS和內聯JavaScript合并方法，其特征在于：所述占位點的收集限定屬性是對靠近占位點的標簽內容是否收集的限定，若收集限定屬性值為“是”時，占位點只接收指定其作為收集點的標簽內容；若收集限定屬性值為“否”或未設定內容收集屬性，占位點收集靠近其位置且沒有指定收集占位點的標簽內容。

4.如權利要求3所述的一種HTML內聯CSS和內聯JavaScript合并方法，其特征在于：在所述步驟2中設置標簽收集屬性時，對標簽內容是否收集取決于渲染網頁的瀏覽器、網頁渲染速度的要求、及HTML頁面內容的代碼整潔度；若用于渲染網頁的瀏覽器的渲染速度慢，或某一個網頁因需渲染大量內聯CSS和內聯JavaScript導致渲染速度慢，或HTML頁面內因內聯CSS和內聯JavaScript代碼散落不均而導致代碼繁雜，上述任一個條件符合都將對標簽內容做收集處理。