[發明專利]用于將web站點轉換為目標web app站點的方法和裝置

在審

• 申請號: 201210331555.5
• 申請日: 2012-09-07
• 公開（公告）號: CN103678347A
• 公開（公告）日: 2014-03-26
• 發明（設計）人: 潘峰;錢海祥;王倩;徐婷婷
• 申請（專利權）人: 百度在線網絡技術（北京）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京清亦華知識產權代理事務所(普通合伙) 11201
• 代理人: 宋合成

技術領域

本發明涉及web?app化技術領域，特別涉及一種用于將web站點轉換為目標webapp站點的方法和裝置。?

背景技術

現如今，隨著web2.0技術的普及，web?app（web?application，通過使用Web和Web瀏覽器技術，跨越網絡完成一個或多個任務的應用程序，通常需要使用Web瀏覽器）化技術也越來越常見，該技術能讓用戶在高端機只能設備上瀏覽web頁的效果的體驗類似native?app（native?application，本地應用程序）展現效果。?

現有的技術將web站點轉換為目標web?app站點主要是采用修改部分代碼來將轉換web站點轉換為目標web?app站點，因此至少存在以下幾個問題：?

（1）無法可視化轉換不能即時了解轉換效果；?

（2）修改代碼過于復雜麻煩，具有一定的專業性，不方便優化轉換的效果。?

發明內容

本發明旨在至少解決上述技術問題之一。?

為此，本發明的第一個目的在于提出一種用于將web站點轉換為目標web?app站點的方法。?

本發明的第二個目的在于提出一種用于將web站點轉換為目標web?app站點的裝置。?

為了實現上述目的，根據本發明的第一方面實施例的用于將web站點轉換為目標web?app站點的方法包括以下步驟：對所述web站點的web頁面上的元素進行標注；將標注的所述元素應用到組件；在web?app頁面預覽所述組件；對所述web?app頁面上預覽的所述組件進行編輯；以及保存并創建所述目標web?app頁面。?

根據本發明實施例的用于將web站點轉換為目標web?app站點的方法，通過對web站點的web頁面進行標注和應用組件后，在web?app頁面預覽效果，然后再對web?app頁面進行編輯來創建web?app頁面，例如拖拽組件進行排序、合并等，使得web站點轉換到web?app的效果更加良好，提高了用戶的體驗感，同時方便用戶的對頁面的標注。?

為實現上述目的，本發明第二方面的實施例的用于將web站點轉換為目標web?app站點的裝置包括：標注模塊，所述標注模塊用于對所述web站點的web頁面上的元素?進行標注；第一應用模塊，所述第一應用模塊用于將標注的所述元素應用到組件；預覽模塊，所述預覽模塊用于在web?app頁面預覽所述組件；編輯模塊，所述編輯模塊用于對所述web?app頁面上預覽的所述組件進行編輯；以及創建模塊，所述創建模塊用于保存并創建所述目標web?app頁面。?

根據本發明實施例的用于將web站點轉換為目標web?app站點的裝置，通過對web站點的web頁面進行標注和應用組件后，在web?app頁面預覽效果，然后再對web?app頁面進行編輯來創建web?app頁面，例如拖拽組件進行排序、合并等，使得web站點轉換到web?app的效果更加良好，提高了用戶的體驗感。?

本發明的附加方面和優點將在下面的描述中部分給出，部分將從下面的描述中變得明顯，或通過本發明的實踐了解到。?

附圖說明

本發明上述的和/或附加的方面和優點從下面結合附圖對實施例的描述中將變得明顯和容易理解，其中：?

圖1為根據本發明一個實施例的一種用于將web站點轉換為目標web?app站點的方法的流程圖；?

圖2為根據本發明一個實施例的一種用于將web站點轉換為目標web?app站點的方法的流程圖；?

圖3為根據本發明一個實施例的一種用于將web站點轉換為目標web?app站點的方法的流程圖；?

圖4為根據本發明一個實施例的一種用于將web站點轉換為目標web?app站點的方法的流程圖；?

圖5為根據本發明一個實施例的用于將web站點轉換為目標web?app站點的裝置的結構示意圖；?

圖6為根據本發明一個實施例的用于將web站點轉換為目標web?app站點的裝置的結構示意圖；?

圖7為根據本發明一個實施例的用于將web站點轉換為目標web?app站點的裝置的結構示意圖；以及?

圖8為根據本發明一個實施例的用于將web站點轉換為目標web?app站點的裝置的結構示意圖。?

具體實施方式

下面詳細描述本發明的實施例，所述實施例的示例在附圖中示出，其中自始至終相同或類似的標號表示相同或類似的元件或具有相同或類似功能的元件。下面通過參考附圖描述的實施例是示例性的，僅用于解釋本發明，而不能解釋為對本發明的限制。?