[發(fā)明專利]H5頁面制作兼容顯示的方法、裝置、終端設(shè)備及存儲介質(zhì)有效
| 申請?zhí)枺?/td> | 201710862836.6 | 申請日： | 2017-09-22 |
| 公開（公告）號： | CN107608668B | 公開（公告）日： | 2021-02-05 |
| 發(fā)明（設(shè)計）人： | 周文 | 申請（專利權(quán)）人： | 網(wǎng)易（杭州）網(wǎng)絡(luò)有限公司 |
| 主分類號： | G06F8/34 | 分類號： | G06F8/34;G06F8/38;G06F16/957 |
| 代理公司： | 深圳新創(chuàng)友知識產(chǎn)權(quán)代理有限公司 44223 | 代理人： | 江耀純 |
| 地址： | 310000 浙江省杭州*** | 國省代碼： | 浙江;33 |
| 權(quán)利要求書： | 查看更多 | 說明書： | 查看更多 |
| 摘要： | |||
| 搜索關(guān)鍵詞： | h5 頁面 制作 兼容 顯示 方法 裝置 終端設(shè)備 存儲 介質(zhì) | ||
1.一種H5頁面制作兼容顯示的方法，其特征在于，包括以下步驟：
檢測被選中的元素；
當(dāng)監(jiān)聽到移動所述元素的事件時，實(shí)時獲取所述元素在頁面中的位置；其中，所述頁面包括H5編輯界面；
根據(jù)所述元素在頁面中的位置判斷所述元素位于所述H5編輯界面內(nèi)；
實(shí)時動態(tài)計算位于所述H5編輯界面內(nèi)的所述元素在預(yù)設(shè)終端庫中的多款終端設(shè)備上的顯示情況，從而實(shí)時判斷所述元素在頁面中的位置是否超過所述多款終端設(shè)備中的任一款的預(yù)設(shè)可視區(qū)域；
當(dāng)判斷所述元素在所述頁面中的位置超出所述任一款的預(yù)設(shè)可視區(qū)域時，顯示超出范圍的提示信息。
2.根據(jù)權(quán)利要求1所述的H5頁面制作兼容顯示的方法，其特征在于，所述根據(jù)所述元素在頁面中的位置判斷所述元素位于所述H5編輯界面內(nèi)，具體為：
根據(jù)所述元素在頁面中的位置、所述元素的長和寬及所述H5編輯界面在所述頁面中的相對位置，判斷所述元素位于所述H5編輯界面內(nèi)。
3.根據(jù)權(quán)利要求1所述的H5頁面制作兼容顯示的方法，其特征在于，所述H5編輯界面以頂部所在的直線為第一基準(zhǔn)線，以任一垂直邊緣所在的直線為第二基準(zhǔn)線；
則所述當(dāng)判斷所述元素在所述頁面中的位置超出手機(jī)信息庫中任一款手機(jī)的可視區(qū)域時，顯示超出范圍的提示信息具體包括：
當(dāng)根據(jù)所述元素在頁面中的位置及所述第一基準(zhǔn)線判斷所述元素超出手機(jī)信息庫中任一款手機(jī)的屏幕可視高度時，顯示輔助線以標(biāo)注該手機(jī)的屏幕可視高度；和/或
當(dāng)根據(jù)所述元素在頁面中的位置及所述第二基準(zhǔn)線判斷所述元素超出手機(jī)信息庫中任一款手機(jī)的屏幕可視寬度時，顯示輔助線以標(biāo)注該手機(jī)的屏幕可視寬度。
4.根據(jù)權(quán)利要求1所述的H5頁面制作兼容顯示的方法，其特征在于，所述H5編輯界面以頂部所在的直線為第一基準(zhǔn)線，以任一垂直邊緣所在的直線為第二基準(zhǔn)線；
則所述當(dāng)判斷所述元素在所述頁面中的位置超出手機(jī)信息庫中任一款手機(jī)的可視區(qū)域時，顯示超出范圍的提示信息具體包括：
當(dāng)根據(jù)所述元素在頁面中的位置、所述元素的長度及所述第一基準(zhǔn)線判斷所述元素超出手機(jī)信息庫中任一款手機(jī)的屏幕可視高度時，顯示輔助線以標(biāo)注該手機(jī)的屏幕可視高度；和/或
當(dāng)根據(jù)所述元素在頁面中的位置、所述元素的寬度及所述第二基準(zhǔn)線判斷所述元素超出手機(jī)信息庫中任一款手機(jī)的屏幕可視寬度時，顯示輔助線以標(biāo)注該手機(jī)的屏幕可視寬度。
5.根據(jù)權(quán)利要求1至4任意一項(xiàng)所述的H5頁面制作兼容顯示的方法，其特征在于，所述當(dāng)監(jiān)聽到移動所述元素的事件時，實(shí)時獲取所述元素在頁面中的位置具體為：
當(dāng)監(jiān)聽到通過操控介質(zhì)移動所述元素的事件時，實(shí)時獲取所述操控介質(zhì)在頁面中的位置以及所述操控介質(zhì)相對于所述元素的位置；
根據(jù)所述操控介質(zhì)在所述頁面中的位置以及所述操控介質(zhì)相對于所述元素的位置，獲取所述元素在頁面中的位置。
6.一種H5頁面制作兼容顯示的裝置，其特征在于，包括：
檢測模塊，用于檢測被選中的元素；
位置獲取模塊，用于當(dāng)監(jiān)聽到移動所述元素的事件時，實(shí)時獲取所述元素在頁面中的位置；其中，所述頁面包括H5編輯界面；
位置判斷模塊，用于根據(jù)所述元素在頁面中的位置判斷所述元素位于所述H5編輯界面內(nèi)，并實(shí)時動態(tài)計算位于所述H5編輯界面內(nèi)的所述元素在預(yù)設(shè)終端庫中的多款終端設(shè)備上的顯示情況，從而實(shí)時判斷所述元素在頁面中的位置是否超過所述多款終端設(shè)備中的任一款的預(yù)設(shè)可視區(qū)域；
信息提示模塊，用于當(dāng)判斷所述元素在所述頁面中的位置超出所述任一款的預(yù)設(shè)可視區(qū)域時，顯示超出范圍的提示信息。
7.根據(jù)權(quán)利要求6所述的H5頁面制作兼容顯示的裝置，其特征在于，所述位置判斷模塊，具體包括：
根據(jù)所述元素在頁面中的位置、所述元素的長和寬、所述H5編輯界面在所述頁面中的相對位置，判斷所述元素位于所述H5編輯界面內(nèi)。
該專利技術(shù)資料僅供研究查看技術(shù)是否侵權(quán)等信息，商用須獲得專利權(quán)人授權(quán)。該專利全部權(quán)利屬于網(wǎng)易（杭州）網(wǎng)絡(luò)有限公司，未經(jīng)網(wǎng)易（杭州）網(wǎng)絡(luò)有限公司許可，擅自商用是侵權(quán)行為。如果您想購買此專利、獲得商業(yè)授權(quán)和技術(shù)合作，請聯(lián)系【客服】
本文鏈接：http://www.szxzyx.cn/pat/books/201710862836.6/1.html，轉(zhuǎn)載請聲明來源鉆瓜專利網(wǎng)。
