網(wǎng)頁字體的預(yù)覽方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及互聯(lián)網(wǎng)領(lǐng)域，特別涉及一種網(wǎng)頁字體的預(yù)覽方法及裝置。
【背景技術(shù)】
[0002] 隨著互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，終端可以從網(wǎng)絡(luò)上獲取用戶所需的信息，并通過網(wǎng) 頁的形式進(jìn)行顯示。當(dāng)終端的操作系統(tǒng)不同時(shí)，終端渲染網(wǎng)頁字體的方式不同，進(jìn)而使終端 顯示的網(wǎng)頁字體的效果也不同，所以，為了使安裝有不同操作系統(tǒng)的多個(gè)終端上顯示的網(wǎng) 頁字體的效果均符合視覺要求，開發(fā)人員在設(shè)計(jì)網(wǎng)頁時(shí)，需要對(duì)該多個(gè)終端上顯示的網(wǎng)頁 字體進(jìn)行預(yù)覽。
[0003] 目前，開發(fā)人員首先根據(jù)網(wǎng)頁字體的設(shè)置參數(shù)，對(duì)該網(wǎng)頁字體進(jìn)行設(shè)置，然后根據(jù) 設(shè)置之后的網(wǎng)頁字體生成網(wǎng)頁，該設(shè)置參數(shù)可以為字體大小、字形、粗細(xì)、顏色等。接下來， 開發(fā)人員通過安裝有不同操作系統(tǒng)的多個(gè)終端分別打開該網(wǎng)頁來預(yù)覽網(wǎng)頁字體，如果設(shè)置 的網(wǎng)頁字體不合適，則開發(fā)人員需要對(duì)該網(wǎng)頁字體重新進(jìn)行設(shè)置，并再次生成網(wǎng)頁，重復(fù)上 述的步驟來預(yù)覽網(wǎng)頁字體。由于設(shè)置網(wǎng)頁字體的操作、生成網(wǎng)頁的操作和預(yù)覽網(wǎng)頁字體的 操作都比較復(fù)雜，并且對(duì)網(wǎng)頁字體進(jìn)行多次設(shè)置時(shí)，更是導(dǎo)致了預(yù)覽網(wǎng)頁字體的操作復(fù)雜 性，降低了預(yù)覽網(wǎng)頁字體的效率，以及降低了網(wǎng)頁設(shè)計(jì)的效率。

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

[0004] 為了解決現(xiàn)有技術(shù)的問題，本發(fā)明實(shí)施例提供了一種網(wǎng)頁字體的預(yù)覽方法及裝 置。所述技術(shù)方案如下：
[0005] 第一方面，提供了一種網(wǎng)頁字體的預(yù)覽方法，所述方法包括：
[0006] 獲取設(shè)置參數(shù)和示例文本；
[0007] 當(dāng)接收到預(yù)覽指令時(shí)，向服務(wù)器發(fā)送預(yù)覽請(qǐng)求，所述預(yù)覽請(qǐng)求中攜帶所述設(shè)置參 數(shù)和所述示例文本，使所述服務(wù)器將所述預(yù)覽請(qǐng)求發(fā)送給多個(gè)第一終端，由所述多個(gè)第一 終端分別基于所述設(shè)置參數(shù)和所述示例文本生成預(yù)覽效果圖，所述多個(gè)第一終端安裝的操 作系統(tǒng)均不同；
[0008] 當(dāng)接收到所述服務(wù)器發(fā)送的多個(gè)預(yù)覽效果圖時(shí)，顯示所述多個(gè)預(yù)覽效果圖，對(duì)所 述多個(gè)第一終端上顯示的網(wǎng)頁字體進(jìn)行預(yù)覽。
[0009] 第二方面，提供了一種網(wǎng)頁字體的預(yù)覽方法，所述方法包括：
[0010] 接收第二終端發(fā)送的預(yù)覽請(qǐng)求，所述預(yù)覽請(qǐng)求中攜帶設(shè)置參數(shù)和示例文本；
[0011] 將所述預(yù)覽請(qǐng)求發(fā)送給多個(gè)第一終端，使所述多個(gè)第一終端分別基于所述設(shè)置參 數(shù)和所述示例文本生成預(yù)覽效果圖，所述多個(gè)第一終端安裝的操作系統(tǒng)均不同；
[0012] 當(dāng)接收到所述多個(gè)第一終端發(fā)送的預(yù)覽效果圖時(shí)，將所述多個(gè)第一終端發(fā)送的預(yù) 覽效果圖發(fā)送給所述第二終端，使所述第二終端顯示所述多個(gè)預(yù)覽效果圖，對(duì)所述多個(gè)第 一終端上顯示的網(wǎng)頁字體進(jìn)行預(yù)覽。
[0013] 第三方面，提供了一種網(wǎng)頁字體的預(yù)覽方法，所述方法包括：
[0014] 接收服務(wù)器發(fā)送的預(yù)覽請(qǐng)求，所述預(yù)覽請(qǐng)求中攜帶設(shè)置參數(shù)和示例文本；
[0015] 基于所述設(shè)置參數(shù)和所述示例文本，生成預(yù)覽效果圖；
[0016] 將所述預(yù)覽效果圖發(fā)送給所述服務(wù)器，使所述服務(wù)器將所述預(yù)覽效果圖發(fā)送給所 述第二終端，由所述第二終端顯示所述預(yù)覽效果圖，對(duì)第一終端上顯示的網(wǎng)頁字體進(jìn)行預(yù) 覽。
[0017] 第四方面，提供了一種網(wǎng)頁字體的預(yù)覽裝置，所述裝置包括：
[0018] 獲取模塊，用于獲取設(shè)置參數(shù)和示例文本；
[0019] 第一發(fā)送模塊，用于當(dāng)接收到預(yù)覽指令時(shí)，向服務(wù)器發(fā)送預(yù)覽請(qǐng)求，所述預(yù)覽請(qǐng)求 中攜帶所述設(shè)置參數(shù)和所述示例文本，使所述服務(wù)器將所述預(yù)覽請(qǐng)求發(fā)送給多個(gè)第一終 端，由所述多個(gè)第一終端分別基于所述設(shè)置參數(shù)和所述示例文本生成預(yù)覽效果圖，所述多 個(gè)第一終端安裝的操作系統(tǒng)均不同；
[0020] 第一顯示模塊，用于當(dāng)接收到所述服務(wù)器發(fā)送的多個(gè)預(yù)覽效果圖時(shí)，顯示所述多 個(gè)預(yù)覽效果圖，對(duì)所述多個(gè)第一終端上顯示的網(wǎng)頁字體進(jìn)行預(yù)覽。
[0021] 第五方面，提供了一種網(wǎng)頁字體的預(yù)覽裝置，所述裝置包括：
[0022] 第一接收模塊，用于接收第二終端發(fā)送的預(yù)覽請(qǐng)求，所述預(yù)覽請(qǐng)求中攜帶設(shè)置參 數(shù)和示例文本；
[0023] 第一發(fā)送模塊，用于將所述預(yù)覽請(qǐng)求發(fā)送給多個(gè)第一終端，使所述多個(gè)第一終端 分別基于所述設(shè)置參數(shù)和所述示例文本生成預(yù)覽效果圖，所述多個(gè)第一終端安裝的操作系 統(tǒng)均不同；
[0024] 第二發(fā)送模塊，用于當(dāng)接收到所述多個(gè)第一終端發(fā)送的預(yù)覽效果圖時(shí)，將所述多 個(gè)第一終端發(fā)送的預(yù)覽效果圖發(fā)送給所述第二終端，使所述第二終端顯示所述多個(gè)預(yù)覽效 果圖，對(duì)所述多個(gè)第一終端上顯示的網(wǎng)頁字體進(jìn)行預(yù)覽。
[0025] 第六方面，提供了一種網(wǎng)頁字體的預(yù)覽裝置，所述裝置包括：
[0026] 接收模塊，用于接收服務(wù)器發(fā)送的預(yù)覽請(qǐng)求，所述預(yù)覽請(qǐng)求中攜帶設(shè)置參數(shù)和示 例文本；
[0027] 生成模塊，用于基于所述設(shè)置參數(shù)和所述示例文本，生成預(yù)覽效果圖；
[0028] 第一發(fā)送模塊，用于將所述預(yù)覽效果圖發(fā)送給所述服務(wù)器，使所述服務(wù)器將所述 預(yù)覽效果圖發(fā)送給所述第二終端，由所述第二終端顯示所述預(yù)覽效果圖，對(duì)第一終端上顯 示的網(wǎng)頁字體進(jìn)行預(yù)覽。
[0029] 在本發(fā)明實(shí)施例中，第二終端將設(shè)置參數(shù)和示例文本發(fā)送給服務(wù)器，使服務(wù)器將 該設(shè)置參數(shù)和示例文本發(fā)送給該多個(gè)第一終端，由該多個(gè)第一終端分別基于該設(shè)置參數(shù)和 示例文本生成預(yù)覽效果圖。該多個(gè)第一終端將生成的預(yù)覽效果圖發(fā)送給服務(wù)器，由服務(wù)器 轉(zhuǎn)發(fā)給第二終端，使第二終端顯示該多個(gè)預(yù)覽效果圖，從而在第二終端中對(duì)多個(gè)第一終端 中顯示網(wǎng)頁字體進(jìn)行預(yù)覽，使第二終端無需根據(jù)該設(shè)置參數(shù)和示例文本生成網(wǎng)頁，更無需 開發(fā)人員手動(dòng)地通過該多個(gè)第一終端分別打開該網(wǎng)頁來預(yù)覽網(wǎng)頁字體，使預(yù)覽網(wǎng)頁字體的 操作較簡(jiǎn)單，進(jìn)而提高了預(yù)覽網(wǎng)頁字體的效率，以及提高了網(wǎng)頁設(shè)計(jì)的效率。
【附圖說明】
[0030] 為了更清楚地說明本發(fā)明實(shí)施例中的技術(shù)方案，下面將對(duì)實(shí)施例描述中所需要使 用的附圖作簡(jiǎn)單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于 本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他 的附圖。
[0031] 圖1是本發(fā)明實(shí)施例提供的一種網(wǎng)頁字體的預(yù)覽系統(tǒng)架構(gòu)圖；
[0032] 圖2是本發(fā)明實(shí)施例提供的一種網(wǎng)頁字體的預(yù)覽方法流程圖；
[0033] 圖3是本發(fā)明實(shí)施例提供的另一種網(wǎng)頁字體的預(yù)覽方法流程圖；
[0034] 圖4是本發(fā)明實(shí)施例提供的又一種網(wǎng)頁字體的預(yù)覽方法流程圖；
[0035] 圖5是本發(fā)明實(shí)施例提供的再一種網(wǎng)頁字體的預(yù)覽方法流程圖；
[0036] 圖6是本發(fā)明實(shí)施例提供的一種第二終端界面示意圖；
[0037] 圖7是本發(fā)明實(shí)施例提供的一種預(yù)覽效果圖顯示界面示意圖；
[0038] 圖8是本發(fā)明實(shí)施例提供的一種網(wǎng)頁字體的預(yù)覽裝置結(jié)構(gòu)示意圖；
[0039] 圖9是本發(fā)明實(shí)施例提供的另一種網(wǎng)頁字體的預(yù)覽裝置結(jié)構(gòu)示意圖；
[0040] 圖10是本發(fā)明實(shí)施例提供的又一種網(wǎng)頁字體的預(yù)覽裝置結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0041] 為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施方 式作進(jìn)一步地詳細(xì)描述。
[0042] 圖1是本發(fā)明實(shí)施例提供的一種網(wǎng)頁字體的預(yù)覽系統(tǒng)架構(gòu)圖。在網(wǎng)頁字體的預(yù)覽 系統(tǒng)中包括多個(gè)第一終端、第二終端和服務(wù)器，多個(gè)第一終端分別與服務(wù)器之間通過網(wǎng)絡(luò) 連接，第二終端與服務(wù)器之間也通過網(wǎng)絡(luò)連接。該多個(gè)第一終端安裝的操作系統(tǒng)均不同，t匕 如，在圖1中包括4個(gè)第一終端，第一終端1安裝的操作系統(tǒng)為Windows操作系統(tǒng),第一終 端2安裝的操作系統(tǒng)為Android (安卓）操作系統(tǒng)，第一終端3安裝的操作系統(tǒng)為Mac操作 系統(tǒng)，第一終端4安裝的操作系統(tǒng)為I0S操作系統(tǒng)。另外，該多個(gè)第一終端用于顯示網(wǎng)頁字 體；第二終端用于對(duì)網(wǎng)頁字體進(jìn)行設(shè)置，并預(yù)覽該網(wǎng)頁字體；服務(wù)器用于傳輸該多個(gè)第一 終端與第二終端之間的數(shù)據(jù)。
[0043] 圖2是本發(fā)明實(shí)施例提供的一種網(wǎng)頁字體的預(yù)覽方法流程圖。該方法的執(zhí)行主體 為第二終端，參見圖2,該方法包括：
[0044] 步驟201 :獲取設(shè)置參數(shù)和示例文本。
[0045] 步驟202 :當(dāng)接收到預(yù)覽指令時(shí)，向服務(wù)器發(fā)送預(yù)覽請(qǐng)求，該預(yù)覽請(qǐng)求中攜帶該設(shè) 置參數(shù)和示例文本，使服務(wù)器將該預(yù)覽請(qǐng)求發(fā)送給多個(gè)第一終端，由該多個(gè)第一終端分別 基于該設(shè)置參數(shù)和示例文本生成預(yù)覽效果圖，該多個(gè)第一終端安裝的操作系統(tǒng)均不同。
[0046] 步驟203 :當(dāng)接收到服務(wù)器發(fā)送的多個(gè)預(yù)覽效果圖時(shí)，顯示該多個(gè)預(yù)覽效果圖，對(duì) 該多個(gè)第一終端上顯示的網(wǎng)頁字體進(jìn)行預(yù)覽。
[0047] 在本發(fā)明實(shí)施例中，第二終端將設(shè)置參數(shù)和示例文本發(fā)送給服務(wù)器，使服務(wù)器將 該設(shè)置參數(shù)和示例文本發(fā)送給該多個(gè)第一終端，由該多個(gè)第一終端分別基于該設(shè)置參數(shù)和 示例文本生成預(yù)覽效果圖。該多個(gè)第一終端將生成的預(yù)覽效果圖發(fā)送給服務(wù)器，由服務(wù)器 轉(zhuǎn)發(fā)給第二終端，使第二終端顯示該多個(gè)預(yù)覽效果圖，從而在第二終端中對(duì)多個(gè)第一終端 中顯示網(wǎng)頁字體進(jìn)行預(yù)覽，使第二終端無需根據(jù)該設(shè)置參數(shù)和示例文本生成網(wǎng)頁，更無需 開發(fā)人員手動(dòng)地通過該多個(gè)第一終端分別打