[發(fā)明專利]確定頁(yè)面中元素信息的方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 202011333291.8
• 申請(qǐng)日: 2020-11-24
• 公開（公告）號(hào): CN112307408B
• 公開（公告）日: 2022-08-05
• 發(fā)明（設(shè)計(jì)）人: 范楊
• 申請(qǐng)（專利權(quán)）人: 微醫(yī)云（杭州）控股有限公司
• 主分類號(hào): G06F16/958
• 分類號(hào): G06F16/958;G06F3/0487
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 孟金喆

本發(fā)明實(shí)施例公開了一種確定頁(yè)面中元素信息的方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)，該方法包括：獲取光標(biāo)當(dāng)前所對(duì)應(yīng)的目標(biāo)位置，并確定與所述目標(biāo)位置所對(duì)應(yīng)的待測(cè)量元素；將所述待測(cè)量元素復(fù)制在預(yù)先設(shè)置的透明層中得到所述目標(biāo)元素；獲取所述目標(biāo)元素的屬性信息，并基于所述屬性信息確定所述待測(cè)量元素的尺寸信息。本發(fā)明實(shí)施例技術(shù)方案，解決了現(xiàn)有技術(shù)中手動(dòng)確定元素尺寸時(shí)，存在誤差率較高、人工成本較高以及測(cè)量效率較低的技術(shù)問(wèn)題，實(shí)現(xiàn)了自動(dòng)、便捷以及準(zhǔn)確的確定待測(cè)量元素尺寸的技術(shù)效果。

技術(shù)領(lǐng)域

本發(fā)明實(shí)施例涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種確定頁(yè)面中元素信息的方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)。

背景技術(shù)

在前端工程師開發(fā)網(wǎng)頁(yè)時(shí)，需要知道自己開發(fā)出來(lái)的頁(yè)面中元素的位置和尺寸是否與視覺(jué)稿一致，如，開發(fā)的html頁(yè)面中，元素的尺寸和元素的位置是否與設(shè)計(jì)師設(shè)計(jì)的相符合。為了解決此問(wèn)題，通常需要借助瀏覽器開發(fā)工具來(lái)測(cè)量，但是設(shè)計(jì)師通常不會(huì)使用此類工具，導(dǎo)致無(wú)法確定實(shí)際頁(yè)面中的各元素是否與其設(shè)計(jì)相匹配。

為了解決上述問(wèn)題，設(shè)計(jì)師通常會(huì)采用市面上的元素測(cè)量工具，如page ruler，采用此工具來(lái)測(cè)量的具體步驟是：用戶拖動(dòng)鼠標(biāo)從待測(cè)量元素的左上頂點(diǎn)框選到右下頂點(diǎn)來(lái)確定元素的尺寸，由于是手動(dòng)測(cè)量的，因此測(cè)量出的元素尺寸與元素實(shí)際尺寸存在一定的誤差，導(dǎo)致存在測(cè)量準(zhǔn)確率較低、測(cè)量效率較低以及人工成本較高的技術(shù)問(wèn)題。

發(fā)明內(nèi)容

本發(fā)明提供一種確定頁(yè)面中元素信息的方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)，以實(shí)現(xiàn)自動(dòng)、準(zhǔn)確的測(cè)量頁(yè)面中各元素尺寸以及間隔的技術(shù)效果。

第一方面，本發(fā)明實(shí)施例提供了一種確定頁(yè)面中元素信息的方法，該方法包括：

獲取光標(biāo)當(dāng)前所對(duì)應(yīng)的目標(biāo)位置，并確定與所述目標(biāo)位置所對(duì)應(yīng)的待測(cè)量元素；

將所述待測(cè)量元素復(fù)制在預(yù)先設(shè)置的透明層中得到所述目標(biāo)元素；

獲取所述目標(biāo)元素的屬性信息，并基于所述屬性信息確定所述帶測(cè)量元素的尺寸信息。

第二方面，本發(fā)明實(shí)施例還提供了一種確定頁(yè)面中元素信息的裝置，該裝置包括：

待測(cè)量元素模塊，用于獲取光標(biāo)當(dāng)前所對(duì)應(yīng)的目標(biāo)位置，并確定與所述目標(biāo)位置所對(duì)應(yīng)的待測(cè)量元素；

目標(biāo)元素確定模塊，用于將所述待測(cè)量元素復(fù)制在預(yù)先設(shè)置的透明層中得到所述目標(biāo)元素；

尺寸信息確定模塊，用于獲取所述目標(biāo)元素的屬性信息，并基于所述屬性信息確定所述待測(cè)量元素的尺寸信息。

第三方面，本發(fā)明實(shí)施例還提供了一種電子設(shè)備，所述電子設(shè)備包括：

一個(gè)或多個(gè)處理器；

存儲(chǔ)裝置，用于存儲(chǔ)一個(gè)或多個(gè)程序，

當(dāng)所述一個(gè)或多個(gè)程序被所述一個(gè)或多個(gè)處理器執(zhí)行，使得所述一個(gè)或多個(gè)處理器實(shí)現(xiàn)如本發(fā)明實(shí)施例任一所述的確定頁(yè)面中元素信息的方法。

第四方面，本發(fā)明實(shí)施例還提供了一種包含計(jì)算機(jī)可執(zhí)行指令的存儲(chǔ)介質(zhì)，所述計(jì)算機(jī)可執(zhí)行指令在由計(jì)算機(jī)處理器執(zhí)行時(shí)用于執(zhí)行如本發(fā)明實(shí)施例任一所述的確定頁(yè)面中元素信息的方法。

本發(fā)明實(shí)施例的技術(shù)方案，通過(guò)預(yù)先編寫的程序在獲取到光標(biāo)的位置信息后，將光標(biāo)所對(duì)應(yīng)的待測(cè)量元素放置在預(yù)先設(shè)置的透明層中，并基于透明層顯示的與待測(cè)量元素所對(duì)應(yīng)的目標(biāo)元素的屬性信息，確定所述待測(cè)量元素的尺寸信息，解決了現(xiàn)有技術(shù)中手動(dòng)確定元素尺寸時(shí)，存在誤差率較高、人工成本較高以及測(cè)量效率較低的技術(shù)問(wèn)題，實(shí)現(xiàn)了自動(dòng)、便捷以及準(zhǔn)確的確定待測(cè)量元素尺寸的技術(shù)效果。

附圖說(shuō)明