网页字体的预览方法及装置的制造方法
网页字体的预览方法及装置的制造方法
【技术领域】
[0001] 本发明涉及互联网领域，特别涉及一种网页字体的预览方法及装置。
【背景技术】
[0002] 随着互联网技术的快速发展，终端可以从网络上获取用户所需的信息，并通过网 页的形式进行显示。当终端的操作系统不同时，终端渲染网页字体的方式不同，进而使终端 显示的网页字体的效果也不同，所以，为了使安装有不同操作系统的多个终端上显示的网 页字体的效果均符合视觉要求，开发人员在设计网页时，需要对该多个终端上显示的网页 字体进行预览。
[0003] 目前，开发人员首先根据网页字体的设置参数，对该网页字体进行设置，然后根据 设置之后的网页字体生成网页，该设置参数可以为字体大小、字形、粗细、颜色等。接下来， 开发人员通过安装有不同操作系统的多个终端分别打开该网页来预览网页字体，如果设置 的网页字体不合适，则开发人员需要对该网页字体重新进行设置，并再次生成网页，重复上 述的步骤来预览网页字体。由于设置网页字体的操作、生成网页的操作和预览网页字体的 操作都比较复杂，并且对网页字体进行多次设置时，更是导致了预览网页字体的操作复杂 性，降低了预览网页字体的效率，以及降低了网页设计的效率。
【发明内容】
[0004] 为了解决现有技术的问题，本发明实施例提供了一种网页字体的预览方法及装 置。所述技术方案如下：
[0005] 第一方面，提供了一种网页字体的预览方法，所述方法包括：
[0006] 获取设置参数和示例文本；
[0007] 当接收到预览指令时，向服务器发送预览请求，所述预览请求中携带所述设置参 数和所述示例文本，使所述服务器将所述预览请求发送给多个第一终端，由所述多个第一 终端分别基于所述设置参数和所述示例文本生成预览效果图，所述多个第一终端安装的操 作系统均不同；
[0008] 当接收到所述服务器发送的多个预览效果图时，显示所述多个预览效果图，对所 述多个第一终端上显示的网页字体进行预览。
[0009] 第二方面，提供了一种网页字体的预览方法，所述方法包括：
[0010] 接收第二终端发送的预览请求，所述预览请求中携带设置参数和示例文本；
[0011] 将所述预览请求发送给多个第一终端，使所述多个第一终端分别基于所述设置参 数和所述示例文本生成预览效果图，所述多个第一终端安装的操作系统均不同；
[0012] 当接收到所述多个第一终端发送的预览效果图时，将所述多个第一终端发送的预 览效果图发送给所述第二终端，使所述第二终端显示所述多个预览效果图，对所述多个第 一终端上显示的网页字体进行预览。
[0013] 第三方面，提供了一种网页字体的预览方法，所述方法包括：
[0014] 接收服务器发送的预览请求，所述预览请求中携带设置参数和示例文本；
[0015] 基于所述设置参数和所述示例文本，生成预览效果图；
[0016] 将所述预览效果图发送给所述服务器，使所述服务器将所述预览效果图发送给所 述第二终端，由所述第二终端显示所述预览效果图，对第一终端上显示的网页字体进行预 览。
[0017] 第四方面，提供了一种网页字体的预览装置，所述装置包括：
[0018] 获取模块，用于获取设置参数和示例文本；
[0019] 第一发送模块，用于当接收到预览指令时，向服务器发送预览请求，所述预览请求 中携带所述设置参数和所述示例文本，使所述服务器将所述预览请求发送给多个第一终 端，由所述多个第一终端分别基于所述设置参数和所述示例文本生成预览效果图，所述多 个第一终端安装的操作系统均不同；
[0020] 第一显示模块，用于当接收到所述服务器发送的多个预览效果图时，显示所述多 个预览效果图，对所述多个第一终端上显示的网页字体进行预览。
[0021] 第五方面，提供了一种网页字体的预览装置，所述装置包括：
[0022] 第一接收模块，用于接收第二终端发送的预览请求，所述预览请求中携带设置参 数和示例文本；
[0023] 第一发送模块，用于将所述预览请求发送给多个第一终端，使所述多个第一终端 分别基于所述设置参数和所述示例文本生成预览效果图，所述多个第一终端安装的操作系 统均不同；
[0024] 第二发送模块，用于当接收到所述多个第一终端发送的预览效果图时，将所述多 个第一终端发送的预览效果图发送给所述第二终端，使所述第二终端显示所述多个预览效 果图，对所述多个第一终端上显示的网页字体进行预览。
[0025] 第六方面，提供了一种网页字体的预览装置，所述装置包括：
[0026] 接收模块，用于接收服务器发送的预览请求，所述预览请求中携带设置参数和示 例文本；
[0027] 生成模块，用于基于所述设置参数和所述示例文本，生成预览效果图；
[0028] 第一发送模块，用于将所述预览效果图发送给所述服务器，使所述服务器将所述 预览效果图发送给所述第二终端，由所述第二终端显示所述预览效果图，对第一终端上显 示的网页字体进行预览。
[0029] 在本发明实施例中，第二终端将设置参数和示例文本发送给服务器，使服务器将 该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参数和 示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服务器 转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一终端 中显示网页字体进行预览，使第二终端无需根据该设置参数和示例文本生成网页，更无需 开发人员手动地通过该多个第一终端分别打开该网页来预览网页字体，使预览网页字体的 操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
【附图说明】
[0030] 为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使 用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于 本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他 的附图。
[0031] 图1是本发明实施例提供的一种网页字体的预览系统架构图；
[0032] 图2是本发明实施例提供的一种网页字体的预览方法流程图；
[0033] 图3是本发明实施例提供的另一种网页字体的预览方法流程图；
[0034] 图4是本发明实施例提供的又一种网页字体的预览方法流程图；
[0035] 图5是本发明实施例提供的再一种网页字体的预览方法流程图；
[0036] 图6是本发明实施例提供的一种第二终端界面示意图；
[0037] 图7是本发明实施例提供的一种预览效果图显示界面示意图；
[0038] 图8是本发明实施例提供的一种网页字体的预览装置结构示意图；
[0039] 图9是本发明实施例提供的另一种网页字体的预览装置结构示意图；
[0040] 图10是本发明实施例提供的又一种网页字体的预览装置结构示意图。
【具体实施方式】
[0041] 为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方 式作进一步地详细描述。
[0042] 图1是本发明实施例提供的一种网页字体的预览系统架构图。在网页字体的预览 系统中包括多个第一终端、第二终端和服务器，多个第一终端分别与服务器之间通过网络 连接，第二终端与服务器之间也通过网络连接。该多个第一终端安装的操作系统均不同，t匕 如，在图1中包括4个第一终端，第一终端1安装的操作系统为Windows操作系统,第一终 端2安装的操作系统为Android (安卓）操作系统，第一终端3安装的操作系统为Mac操作 系统，第一终端4安装的操作系统为I0S操作系统。另外，该多个第一终端用于显示网页字 体；第二终端用于对网页字体进行设置，并预览该网页字体；服务器用于传输该多个第一 终端与第二终端之间的数据。
[0043] 图2是本发明实施例提供的一种网页字体的预览方法流程图。该方法的执行主体 为第二终端，参见图2,该方法包括：
[0044] 步骤201 :获取设置参数和示例文本。
[0045] 步骤202 :当接收到预览指令时，向服务器发送预览请求，该预览请求中携带该设 置参数和示例文本，使服务器将该预览请求发送给多个第一终端，由该多个第一终端分别 基于该设置参数和示例文本生成预览效果图，该多个第一终端安装的操作系统均不同。
[0046] 步骤203 :当接收到服务器发送的多个预览效果图时，显示该多个预览效果图，对 该多个第一终端上显示的网页字体进行预览。
[0047] 在本发明实施例中，第二终端将设置参数和示例文本发送给服务器，使服务器将 该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参数和 示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服务器 转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一终端 中显示网页字体进行预览，使第二终端无需根据该设置参数和示例文本生成网页，更无需 开发人员手动地通过该多个第一终端分别打 开该网页来预览网页字体，使预览网页字体的 操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
[0048] 可选地，当接收到服务器发送的多个预览效果图时，显示该多个预览效果图，包 括：
[0049] 如果该多个预览效果图是以字符串的形式发送，则接收到服务器发送的该多个预 览效果图的字符串时，基于该多个预览效果图的字符串，绘制该多个预览效果图；
[0050] 根据该多个预览效果图分别对应的第一终端的操作系统标识，确定该多个预览效 果图对应的显示位置；
[0051] 将该多个预览效果图分别显示在该多个预览效果图对应的显示位置上。
[0052] 可选地，获取设置参数和示例文本之前，还包括：
[0053] 向服务器发送建立连接请求；
[0054] 当接收到服务器发送的建立响应消息时，确定已建立与服务器之间的长连接。
[0055] 可选地，当接收到服务器发送的建立响应消息，则确定已建立与服务器之间的长 连接之后，还包括：
[0056] 当接收到服务器发送的该多个第一终端中每个第一终端的状态时，显示每个第一 终端的状态，每个第一终端的状态均包括空闲状态或者繁忙状态。
[0057] 上述所有可选技术方案，均可按照任意结合形成本发明的可选实施例，本发明实 施例对此不再--赘述。
[0058] 图3是本发明实施例提供的一种网页字体的预览方法流程图。该方法的执行主体 为服务器，参见图3,该方法包括：
[0059] 步骤301 :接收第二终端发送的预览请求，该预览请求中携带设置参数和示例文 本。
[0060] 步骤302 :将该预览请求发送给多个第一终端，使该多个第一终端分别基于该设 置参数和示例文本生成预览效果图，该多个第一终端安装的操作系统均不同。
[0061] 步骤303:当接收到该多个第一终端发送的预览效果图时，将该多个第一终端发 送的预览效果图发送给第二终端，使第二终端显示该多个预览效果图，对该多个第一终端 上显示的网页字体进行预览。
[0062] 在本发明实施例中，第二终端将设置参数和示例文本发送给服务器，使服务器将 该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参数和 示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服务器 转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一终端 中显示网页字体进行预览，使第二终端无需根据该设置参数和示例文本生成网页，更无需 开发人员手动地通过该多个第一终端分别打开该网页来预览网页字体，使预览网页字体的 操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
[0063] 可选地，将该预览请求发送给多个第一终端，包括：
[0064] 获取该多个第一终端中每个第一终端的状态，每个第一终端的状态均为空闲状态 或者繁忙状态；
[0065] 基于每个第一终端的状态，从该多个第一终端中选择状态为空闲状态的第一终 端；
[0066] 将该预览请求发送给选择的第一终端。
[0067] 可选地，接收第二终端发送的预览请求之前，还包括：
[0068] 接收第二终端和该多个第一终端分别发送的建立连接请求；
[0069] 向第二终端和该多个第一终端分别发送建立响应消息，使第二终端和该多个第一 终端分别确定已建立与服务器之间的长连接。
[0070] 可选地，向第二终端和该多个第一终端分别发送建立响应消息之后，还包括：
[0071] 获取该多个第一终端中每个第一终端的状态；
[0072] 将每个第一终端的状态发送给第二终端，使第二终端显示每个第一终端的状态。
[0073] 上述所有可选技术方案，均可按照任意结合形成本发明的可选实施例，本发明实 施例对此不再--赘述。
[0074] 图4是本发明实施例提供的一种网页字体的预览方法流程图。该方法的执行主体 为第一终端，参见图4,该方法包括：
[0075] 步骤401 :接收服务器发送的预览请求，该预览请求中携带设置参数和示例文本。
[0076] 步骤402 :基于该设置参数和示例文本，生成预览效果图。
[0077] 步骤403 :将该预览效果图发送给服务器，使服务器将该预览效果图发送给第二 终端，由第二终端显示该预览效果图，对第一终端上显示的网页字体进行预览。
[0078] 可选地，接收服务器发送的预览请求之后，还包括：
[0079] 设置第一终端的状态为繁忙状态；
[0080] 向服务器发送第一终端的状态。
[0081] 可选地，基于该设置参数和示例文本，生成预览效果图，包括：
[0082] 根据该设置参数和示例文本，绘制文本图片；
[0083] 对该文本图片进行截图，得到预览效果图。
[0084] 可选地，将该预览效果图发送给服务器，包括：
[0085] 将该预览效果图进行编码，得到该预览效果图的字符串；
[0086] 将该预览效果图的字符串发送给服务器。
[0087] 可选地，接收服务器发送的预览请求之前，还包括：
[0088] 向服务器发送建立连接请求；
[0089] 当接收到服务器发送的建立响应消息时，确定已建立与服务器之间的长连接。
[0090] 上述所有可选技术方案，均可按照任意结合形成本发明的可选实施例，本发明实 施例对此不再--赘述。
[0091] 图5是本发明实施例提供的一种网页字体的预览方法流程图。参见图5,该方法包 括：
[0092] 步骤501 :第二终端和该多个第一终端分别向服务器发送建立连接请求，该多个 终端安装的操作系统均不同。
[0093] 当第二终端与服务器之间进行通信时，需要建立第二终端与该服务器之间的连 接，当该多个第一终端与该服务器之间进行通信时，需要建立该多个第一终端与该服务器 之间的连接。所以，当第二终端和该多个第一终端分别接收到连接指令时，第二终端和该多 个第一终端需要分别向该服务器发送建立连接请求。
[0094] 其中，该连接指令可以是用户触发的，用户可以通过点击连接按钮触发该连接指 令，当然，用户也可以不通过连接按钮触发该连接指令，比如，通过其他的指定操作触发该 连接指令，该指定操作可以为滑动操作、双击操作、多击操作等。
[0095] 需要说明的是，第二终端和该多个第一终端可以同时向该服务器发送建立连接请 求，也可以不同时发送，即，第二终端可以在该多个第一终端之后向该服务器发送建立连接 请求，也可以在该多个第一终端之前向服务器发送建立连接请求，优选地，为了保证预览网 页字体的操作连续性，第二终端在该多个第一终端之后向服务器发送建立连接请求，这样， 第二终端建立与服务器之间的长连接之后，可以直接获取设置参数和示例文本，从而对该 多个第一终端中显示的网页字体进行预览。
[0096] 步骤502 :当服务器接收到第二终端和该多个第一终端分别发送的建立连接请求 时，向第二终端和该多个第一终端分别发送建立响应消息，使第二终端和该多个第一终端 分别确定已建立与服务器之间的长连接。
[0097] 其中，当第二终端接收到服务器发送的建立响应消息时，第二终端确定已建立与 服务器之间的长连接，当该多个第一终端分别接收到服务器发送的建立响应消息时，该多 个第一终端分别确定已建立与服务器之间的长连接。之后，第二终端可以通过其与服务器 之间的长连接和服务器进行通信，该多个第一终端也可以通过其与服务器之间的长连接分 别和服务器进行通信。
[0098] 需要说明的是，第二终端与服务器之间的长连接，以及该多个第一终端与服务器 之间的长连接都是采用websocket协议来提供通信，且建立的长连接都是双向通信的，两 者可以互相通信。另外，在本发明实施例中，服务器是通过node, js配合express框架提供 服务的。
[0099] 步骤503 :该服务器获取该多个第一终端中每个第一终端的状态，并将每个第一 终端的状态发送给第二终端，每个第一终端的状态均包括空闲状态或者繁忙状态。
[0100] 其中，当服务器接收到该多个第一终端分别发送的建立连接请求时，该服务器设 置该多个第一终端的初始状态为空闲状态，并存储该多个第一终端的状态。比如，上述提到 该多个第一终端安装的操作系统均不同，所以，可以在服务器中存储该多个第一终端的操 作系统的标识与该多个第一终端的状态之间的对应关系，即，可以将该多个第一终端的操 作系统的标识与该多个第一终端的状态存储在如下表1所示的操作系统标识与终端状态 之间的对应关系中。
[0101] 表 1
[0102]
[0103] 当服务器存储操作系统标识与终端状态之间的对应关系之后，当服务器对第二终 端发送的建立连接请求做出建立响应之后，该服务器可以从该操作系统标识与终端状态之 间的对应关系中获取每个第一终端的状态，并将每个第一终端的状态发送给第二终端。
[0104] 本发明实施例中，该多个第一终端不仅可以为该第二终端提供服务，还可以为 其 他的终端提供服务，即，该多个第一终端不仅可以根据第二终端发送的设置参数和示例文 本生成预览效果图，还可以根据其他终端发送的设置参数和示例文本生成预览效果图。并 且，该多个第一终端并没有安装任何的插件或者应用程序，该多个第一终端就是普通的终 端，所以，当该多个第一终端为其他的终端提供服务时，该多个第一终端就不能为该第二终 端提供服务，所以，该服务器需要获取该多个第一终端中每个第一终端的状态，并将每个第 一终端的状态发送给第二终端。当开发人员确定该多个第一终端中每个第一终端的状态 均为空闲状态时，再触发预览指令，使该多个第一终端根据第二终端发送的设置参数和示 例文本生成预览效果图，这样可以提高对该多个第一终端上显示网页字体进行预览的准确 度，也可以节省了网页字体的预览时间。
[0105] 步骤504 :当第二终端接收到服务器发送的每个第一终端的状态时，显示每个第 一终端的状态。
[0106] 具体地，当第二终端接收到服务器发送的每个第一终端的状态时，第二终端根据 每个第一终端的操作系统标识，确定每个第一终端的状态的显示位置。根据每个第一终端 的状态的显示位置，显示每个第一终端的状态。
[0107] 其中，在本发明实施例中，可以在第二终端的界面中为每个第一终端划分一个显 示位置，每个第一终端的显示位置中不仅可以显示每个第一终端发送的预览效果图，还可 以显示每个第一终端的状态。在显示每个第一终端的状态时，可以在该显示位置中的状态 条中进行显示。
[0108] 比如，如图6所示的每个第一终端的显示位置，每个显示位置中均包括一个状态 条，用于显示每个第一终端的状态。在图6中包括4个第一终端，第一终端1安装的操作系 统为Windows操作系统，第一终端2安装的操作系统为Android操作系统，第一终端3安装 的操作系统为Mac操作系统，第一终端4安装的操作系统为I0S操作系统，且第二终端接收 到服务器发送的该4个第一终端的状态均为空闲状态，此时，第二终端通过条纹格的方式 填充该4个第一终端的状态条，表示该4个第一终端的状态为空闲状态。
[0109] 需要说明的是，本发明实施例仅以图6中的显示位置为例进行说明，即，每个第一 终端的状态条可以位于每个第一终端的显示位置的上边框、下边框、左边框或者右边框，本 发明实施例对此不做具体限定。另外，可以通过条纹格的方式表示空闲状态，以实体填充的 方式表示繁忙状态，当然，还可以通过颜色表示第一终端的状态，即，绿色表示空闲状态，红 色表示繁忙状态，本发明实施例对此同样不做具体限定。
[0110] 当通过上述501至504的步骤建立第二终端与服务器之间的长连接，建立该多个 第一终端与服务器之间的长连接，以及将该多个第一终端的状态发送给第二终端之后，开 发人员可以基于该多个第一终端的状态，按照如下的步骤对该多个第一终端中的网页字体 进行预览。
[0111] 步骤505 :第二终端获取设置参数和示例文本。
[0112] 当第二终端接收到示例文本之后，如果开发人员通过工具栏中的设置参数对应的 按钮选择设置参数，第二终端根据选择的设置参数对该示例文本进行设置，当开发人员对 设置之后的示例文本满意之后，该开发人员可以触发预览指令。
[0113] 其中，该示例文本可以是开发人员向第二终端中输入的文本，也可以是第二终端 中默认的文本，本发明实施例对此不做具体限定。另外，该设置参数可以包括字体类型、字 体大小、粗细、字形、颜色、背景色、行高、段落间距等等。
[0114] 步骤506 :当接收到预览指令时，第二终端向服务器发送预览请求，该预览请求中 携带该设置参数和该示例文本。
[0115] 具体地，当第二终端接收到预览指令时，第二终端确定需要进行网页字体预览。第 二终端基于获取的设置参数和示例文本，生成预览请求，并将该预览请求发送给服务器。
[0116] 其中，该预览指令可以是用户触发的，且该预览指令可以通过点击预览按钮进行 触发，当然，还可以通过其他的方式进行触发，比如，通过指定操作进行触发，本发明实施例 对此不做具体限定。
[0117] 步骤507 :当服务器接收到该预览请求时，将该预览请求发送给多个第一终端。
[0118] 上述提到该多个第一终端为其他的终端提供服务时，就不能为第二终端提供服 务，优选地，为了进一步保证能够获取到预览效果图，服务器需要获取该多个第一终端中每 个第一终端的状态；基于每个第一终端的状态，从该多个第一终端中选择状态为空闲状态 的第一终端；将该预览请求发送给选择的第一终端。比如，服务器获取到该4个第一终端的 状态均为空闲状态，此时，服务器将该预览请求分别发送给该4个第一终端。
[0119] 步骤508 :当该多个第一终端接收到该预览请求时，分别基于该设置参数和该示 例文本生成预览效果图，并将生成的预览效果图发送给该服务器。
[0120] 具体地，当该多个第一终端接收到该预览请求时，对于该多个第一终端的每个第 一终端，该第一终端根据该预览请求中携带的设置参数和示例文本，绘制文本图片；对绘制 的文本图片进行截图，得到预览效果图。将该预览效果图进行编码，得到该预览效果图的字 符串；将该预览效果图的字符串发送给服务器。
[0121] 其中，第一终端绘制文本图片时可以根据canvas技术进行绘制，然后，第一终端 可以按照base64的格式将该预览效果图进行编码，还可以通过其他的格式，本发明实施例 对此不做具体限定。另外，当对该预览效果图进行编码之后，可以将该预览效果图的字符串 携带在请求中发送给服务器，无需将该预览效果图进行打包，然后将打包的数据包在请求 之后发送给服务器，使第二终端获取预览效果图的方式更加方便。
[0122] 进一步地，当第一终端接收到服务器发送的预览请求之后，该第一终端可以设置 该第一终端的状态为繁忙状态；然后，向服务器发送该第一终端的状态。更进一步地，当服 务器接收到该第一终端的状态时，服务器根据该第一终端的操作系统标识，从操作系统标 识与终端状态之间的对应关系中查找对应的终端状态，并将查找的终端状态替换为接收的 第一终端的状态，即，将查找的终端的状态替换为繁忙状态。这样，在其他的终端中可以显 示该终端的状态为繁忙状态。
[0123] 步骤509:当服务器接收到该多个第一终端发送的预览效果图时，将该多个第一 终端发送的预览效果图发送给第二终端。
[0124] 其中，当服务器接收到该多个第一终端发送的预览效果图时，确定接收的预览效 果图的个数是否与步骤507中选择的第一终端的个数是否相等，如果相等，则将该多个第 一终端发送的预览效果图发送给第二终端。
[0125] 步骤510:当第二终端接收到服务器发送的多个预览效果图时，根据该多个预览 效果图分别对应的第一终端的操作系统标识，确定该多个预览效果图对应的显示位置。
[0126] 进一步地，如果该多个预览效果图是以字符串的形式发送，则当第二终端接收到 服务器发送的该多个预览效果图的字符串时，基于该多个预览效果图的字符串，绘制该多 个预览效果图。
[0127] 比如，第一终端1发送的是预览效果图1，第一终端2发送的是预览效果图2,第一 终端3发送的是预览效果图3,第一终端4发送的是预览效果图4。第二终端根据该4个预 览效果图分别对应的第一终端的操作系统标识，确定预览效果图1对应的显示位置为位置 1，预览效果图2对应的显示位置为位置2,预览效果图3对应的显示位置为位置3,预览效 果图4对应的显示位置为位置4。
[0128] 步骤511 :将该多个预览效果图分别显示在该多个预览效果图对应的显示位置 上，对该多个第一终端上显示的网页字体进行预览。
[0129] 例如，如图7所示，将第一终端1发送的预览效果图1显示在显示位置1中，将第 一终端2发送的预览效果图2显示在显示位置2中，将第一终端3发送的预览效果图3显 示在显示位置3中，以及将第一终端4发送的预览效果图4显示在显示位置4中。
[0130] 进一步地，本发明实施例还提供了一键导出（CSS, Cascading Style Sheet,层叠 样式表）功能，即，当第二终端接收到导出指令时，将最终选择的设置参数导出，将导出的 设置参数直接提供给项目开发人员使用，进而可以提高项目开发的效率。该导出指令可以 为用户通过图7中的CSS按钮触发的。
[0131] 进一步地，本发明实施例还提供了重置功能，当第二终端显示该多个第一终端发 送的预览效果图之后，如果开发人员不满意，则该开发人员可以通过点击重置按钮向第二 终端提交重置指令。当第二终端接收到该重置指令时，第二终端将设置参数置为初始状态， 以及将示例文本也置为初始状态。
[0132] 在本发明实施例中，首先建立第二终端与服务器之间的长连接，以及该多个第一 终端与服务器之间的长连接，之后，第二终端将设置参数和示例文本发送给服务器，使服务 器将该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参 数和示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服 务器转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一 终端中显示网页字体进行预览，使第二终端无需根据该设 置参数和示例文本生成网页，更 无需开发人员手动地通过该多个第一终端分别打开该网页来预览网页字体，使预览网页字 体的操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
[0133] 图8是本发明实施例提供的一种网页字体的预览装置结构示意图。参见图8,该装 置包括：获取模块801、第一发送模块802和第一显不模块803。
[0134] 获取模块801，用于获取设置参数和示例文本；
[0135] 第一发送模块802,用于当接收到预览指令时，向服务器发送预览请求，该预览请 求中携带该设置参数和示例文本，使服务器将该预览请求发送给多个第一终端，由该多个 第一终端分别基于该设置参数和示例文本生成预览效果图，该多个第一终端安装的操作系 统均不同；
[0136] 第一显示模块803,用于当接收到服务器发送的多个预览效果图时，显示该多个预 览效果图，对该多个第一终端上显示的网页字体进行预览。
[0137] 可选地，第一显示模块803包括：
[0138] 绘制单元，用于如果该多个预览效果图是以字符串的形式发送，则接收到服务器 发送的该多个预览效果图的字符串时，基于该多个预览效果图的字符串，绘制该多个预览 效果图；
[0139] 确定单元，用于根据该多个预览效果图分别对应的第一终端的操作系统标识，确 定该多个预览效果图对应的显示位置；
[0140] 显示单元，用于将该多个预览效果图分别显示在该多个预览效果图对应的显示位 置上。
[0141] 可选地，该装置还包括：
[0142] 第二发送模块，用于向服务器发送建立连接请求；
[0143] 确定模块，用于当接收到服务器发送的建立响应消息时，确定已建立与服务器之 间的长连接。
[0144] 可选地，该装置还包括：
[0145] 第二显示模块，用于当接收到服务器发送的该多个第一终端中每个第一终端的状 态时，显示每个第一终端的状态，每个第一终端的状态均包括空闲状态或者繁忙状态。
[0146] 在本发明实施例中，第二终端将设置参数和示例文本发送给服务器，使服务器将 该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参数和 示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服务器 转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一终端 中显示网页字体进行预览，使第二终端无需根据该设置参数和示例文本生成网页，更无需 开发人员手动地通过该多个第一终端分别打开该网页来预览网页字体，使预览网页字体的 操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
[0147] 图9是本发明实施例提供的一种网页字体的预览装置结构示意图。参见图9,该装 置包括：第一接收模块901、第一发送模块902和第二发送模块903。
[0148] 第一接收模块901，用于接收第二终端发送的预览请求，该预览请求中携带设置参 数和示例文本；
[0149] 第一发送模块902,用于将该预览请求发送给多个第一终端，使该多个第一终端分 别基于该设置参数和示例文本生成预览效果图，该多个第一终端安装的操作系统均不同；
[0150] 第二发送模块903,用于当接收到该多个第一终端发送的预览效果图时，将该多个 第一终端发送的预览效果图发送给第二终端，使第二终端显示该多个预览效果图，对该多 个第一终端上显示的网页字体进行预览。
[0151] 可选地，第一发送模块902包括：
[0152] 获取单元，用于获取该多个第一终端中每个第一终端的状态，每个第一终端的状 态均为空闲状态或者繁忙状态；
[0153] 选择单元，用于基于每个第一终端的状态，从该多个第一终端中选择状态为空闲 状态的第一终端；
[0154] 发送单元，用于将该预览请求发送给选择的第一终端。
[0155] 可选地，该装置还包括：
[0156] 第二接收模块，用于接收第二终端和该多个第一终端分别发送的建立连接请求；
[0157] 第三发送模块，用于向第二终端和该多个第一终端分别发送建立响应消息，使第 二终端和该多个第一终端分别确定已建立与服务器之间的长连接。
[0158] 可选地，该装置还包括：
[0159] 获取模块，用于获取该多个第一终端中每个第一终端的状态；
[0160] 第四发送模块，用于将每个第一终端的状态发送给第二终端，使第二终端显示每 个第一终端的状态。
[0161] 在本发明实施例中，第二终端将设置参数和示例文本发送给服务器，使服务器将 该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参数和 示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服务器 转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一终端 中显示网页字体进行预览，使第二终端无需根据该设置参数和示例文本生成网页，更无需 开发人员手动地通过该多个第一终端分别打开该网页来预览网页字体，使预览网页字体的 操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
[0162] 图10是本发明实施例提供的一种网页字体的预览装置结构示意图。参见图10,该 装置包括：接收模块1001、生成模块1002和第一发送模块1003。
[0163] 接收模块1001，用于接收服务器发送的预览请求，该预览请求中携带设置参数和 示例文本；
[0164] 生成模块1002,用于基于该设置参数和示例文本，生成预览效果图；
[0165] 第一发送模块1003,用于将该预览效果图发送给服务器，使服务器将该预览效果 图发送给第二终端，由第二终端显示该预览效果图，对第一终端上显示的网页字体进行预 览。
[0166] 可选地，该装置还包括：
[0167] 设置模块，用于设置第一终端的状态为繁忙状态；
[0168] 第二发送模块，用于向服务器发送第一终端的状态。
[0169] 可选地，生成模块1002包括：
[0170] 绘制单元，用于根据该设置参数和示例文本，绘制文本图片；
[0171] 截图单元，用于对该文本图片进行截图，得到预览效果图。
[0172] 可选地，第一发送模块1003包括：
[0173] 编码单元，用于将该预览效果图进行编码，得到该预览效果图的字符串；
[0174] 发送单元，用于将该预览效果图的字符串发送给服务器。
[0175] 可选地，该装置还包括：
[0176] 第三发送模块，用于向服务器发送建立连接请求；
[0177] 确定模块，用于当接收到服务器发送的建立响应消息时，确定已建立与服务器之 间的长连接。
[0178] 在本发明实施例中，第二终端将设置参数和示例文本发送给服务器，使服务器将 该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参数和 示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服务器 转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一终端 中显示网页字体进行预览，使第二终端无需根据该设置参数和示例文本生成网页，更无需 开发人员手动地通过该多个第一终端分别打开该网页来预览网页字体，使预览网页字体的 操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
[0179] 需要说明的是：上述实施例提供的网页字体的预览装置在网页字体的预览时，仅 以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由 不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全 部或者部分功能。另外，上述实施例提供的网页字体的预览装置与网页字体的预览方法实 施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
[0180] 本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件 来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读 存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
[0181] 以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和 原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
【主权项】
1. 一种网页字体的预览方法，其特征在于，所述方法包括： 获取设置参数和示例文本； 当接收到预览指令时，向服务器发送预览请求，所述预览请求中携带所述设置参数和 所述示例文本，使所述服务器将所述预览请求发送给多个第一终端，由所述多个第一终端 分别基于所述设置参数和所述示例文本生成预览效果图，所述多个第一终端安装的操作系 统均不同； 当接收到所述服务器发送的多个预览效果图时，显示所述多个预览效果图，对所述多 个第一终端上显示的网页字体进行预览。2. 如权利要求1所述的方法，其特征在于，所述当接收到所述服务器发送的多个预览 效果图时，显示所述多个预览效果图，包括： 如果所述多个预览效果图是 以字符串的形式发送，则接收到所述服务器发送的所述 多个预览效果图的字符串时，基于所述多个预览效果图的字符串，绘制所述多个预览效果 图； 根据所述多个预览效果图分别对应的第一终端的操作系统标识，确定所述多个预览效 果图对应的显示位置； 将所述多个预览效果图分别显示在所述多个预览效果图对应的显示位置上。3. 如权利要求1所述的方法，其特征在于，所述获取设置参数和示例文本之前，还包 括： 向所述服务器发送建立连接请求； 当接收到所述服务器发送的建立响应消息时，确定已建立与所述服务器之间的长连 接。4. 如权利要求3所述的方法，其特征在于，所述当接收到所述服务器发送的建立响应 消息，则确定已建立与所述服务器之间的长连接之后，还包括： 当接收到所述服务器发送的所述多个第一终端中每个第一终端的状态时，显示所述每 个第一终端的状态，所述每个第一终端的状态均包括空闲状态或者繁忙状态。5. -种网页字体的预览方法，其特征在于，所述方法包括： 接收第二终端发送的预览请求，所述预览请求中携带设置参数和示例文本； 将所述预览请求发送给多个第一终端，使所述多个第一终端分别基于所述设置参数和 所述示例文本生成预览效果图，所述多个第一终端安装的操作系统均不同； 当接收到所述多个第一终端发送的预览效果图时，将所述多个第一终端发送的预览效 果图发送给所述第二终端，使所述第二终端显示所述多个预览效果图，对所述多个第一终 端上显示的网页字体进行预览。6. 如权利要求5所述的方法，其特征在于，所述将所述预览请求发送给多个第一终端， 包括： 获取所述多个第一终端中每个第一终端的状态，所述每个第一终端的状态均为空闲状 态或者繁忙状态； 基于所述每个第一终端的状态，从所述多个第一终端中选择状态为空闲状态的第一终 端； 将所述预览请求发送给选择的第一终端。7. 如权利要求5所述的方法，其特征在于，所述接收第二终端发送的预览请求之前，还 包括： 接收所述第二终端和所述多个第一终端分别发送的建立连接请求； 向所述第二终端和所述多个第一终端分别发送建立响应消息，使所述第二终端和所述 多个第一终端分别确定已建立与服务器之间的长连接。8. 如权利要求7所述的方法，其特征在于，所述向所述第二终端和所述多个第一终端 分别发送建立响应消息之后，还包括： 获取所述多个第一终端中每个第一终端的状态； 将所述每个第一终端的状态发送给第二终端，使所述第二终端显示所述每个第一终端 的状态。9. 一种网页字体的预览方法，其特征在于，所述方法包括： 接收服务器发送的预览请求，所述预览请求中携带设置参数和示例文本； 基于所述设置参数和所述示例文本，生成预览效果图； 将所述预览效果图发送给所述服务器，使所述服务器将所述预览效果图发送给所述第 二终端，由所述第二终端显示所述预览效果图，对第一终端上显示的网页字体进行预览。10. 如权利要求9所述的方法，其特征在于，所述接收服务器发送的预览请求之后，还 包括： 设置所述第一终端的状态为繁忙状态； 向所述服务器发送所述第一终端的状态。11. 如权利要求9所述的方法，其特征在于，所述基于所述设置参数和所述示例文本， 生成预览效果图，包括： 根据所述设置参数和所述示例文本，绘制文本图片； 对所述文本图片进行截图，得到预览效果图。12. 如权利要求9所述的方法，其特征在于，所述将所述预览效果图发送给所述服务 器，包括： 将所述预览效果图进行编码，得到所述预览效果图的字符串； 将所述预览效果图的字符串发送给所述服务器。13. 如权利要求9所述的方法，其特征在于，所述接收服务器发送的预览请求之前，还 包括： 向所述服务器发送建立连接请求； 当接收到所述服务器发送的建立响应消息时，确定已建立与所述服务器之间的长连 接。14. 一种网页字体的预览装置，其特征在于，所述装置包括： 获取模块，用于获取设置参数和示例文本； 第一发送模块，用于当接收到预览指令时，向服务器发送预览请求，所述预览请求中携 带所述设置参数和所述示例文本，使所述服务器将所述预览请求发送给多个第一终端，由 所述多个第一终端分别基于所述设置参数和所述示例文本生成预览效果图，所述多个第一 终端安装的操作系统均不同； 第一显示模块，用于当接收到所述服务器发送的多个预览效果图时，显示所述多个预 览效果图，对所述多个第一终端上显示的网页字体进行预览。15. 如权利要求14所述的装置，其特征在于，所述第一显示模块包括： 绘制单元，用于如果所述多个预览效果图是以字符串的形式发送，则接收到所述服务 器发送的所述多个预览效果图的字符串时，基于所述多个预览效果图的字符串，绘制所述 多个预览效果图； 确定单元，用于根据所述多个预览效果图分别对应的第一终端的操作系统标识，确定 所述多个预览效果图对应的显示位置； 显示单元，用于将所述多个预览效果图分别显示在所述多个预览效果图对应的显示位 置上。16. 如权利要求14所述的装置，其特征在于，所述装置还包括： 第二发送模块，用于向所述服务器发送建立连接请求； 确定模块，用于当接收到所述服务器发送的建立响应消息时，确定已建立与所述服务 器之间的长连接。17. 如权利要求16所述的装置，其特征在于，所述装置还包括： 第二显示模块，用于当接收到所述服务器发送的所述多个第一终端中每个第一终端的 状态时，显示所述每个第一终端的状态，所述每个第一终端的状态均包括空闲状态或者繁 忙状态。18. -种网页字体的预览装置，其特征在于，所述装置包括： 第一接收模块，用于接收第二终端发送的预览请求，所述预览请求中携带设置参数和 示例文本； 第一发送模块，用于将所述预览请求发送给多个第一终端，使所述多个第一终端分别 基于所述设置参数和所述示例文本生成预览效果图，所述多个第一终端安装的操作系统均 不同； 第二发送模块，用于当接收到所述多个第一终端发送的预览效果图时，将所述多个第 一终端发送的预览效果图发送给所述第二终端，使所述第二终端显示所述多个预览效果 图，对所述多个第一终端上显示的网页字体进行预览。19. 如权利要求18所述的装置，其特征在于，所述第一发送模块包括： 获取单元，用于获取所述多个第一终端中每个第一终端的状态，所述每个第一终端的 状态均为空闲状态或者繁忙状态； 选择单元，用于基于所述每个第一终端的状态，从所述多个第一终端中选择状态为空 闲状态的第一终端； 发送单元，用于将所述预览请求发送给选择的第一终端。20. 如权利要求18所述的装置，其特征在于，所述装置还包括： 第二接收模块，用于接收所述第二终端和所述多个第一终端分别发送的建立连接请 求； 第三发送模块，用于向所述第二终端和所述多个第一终端分别发送建立响应消息，使 所述第二终端和所述多个第一终端分别确定已建立与服务器之间的长连接。21. 如权利要求20所述的装置，其特征在于，所述装置还包括： 获取模块，用于获取所述多个第一终端中每个第一终端的状态； 第四发送模块，用于将所述每个第一终端的状态发送给第二终端，使所述第二终端显 示所述每个第一终端的状态。22. -种网页字体的预览装置，其特征在于，所述装置包括： 接收模块，用于接收服务器发送的预览请求，所述预览请求中携带设置参数和示例文 本； 生成模块，用于基于所述设置参数和所述示例文本，生成预览效果图； 第一发送模块，用于将所述预览效果图发送给所述服务器，使所述服务器将所述预览 效果图发送给所述第二终端，由所述第二终端显示所述预览效果图，对第一终端上显示的 网页字体进行预览。23. 如权利要求22所述的装置，其特征在于，所述装置还包括： 设置模块，用于设置所述第一终端的状态为繁忙状态； 第二发送模块，用于向所述服务器发送所述第一终端的状态。24. 如权利要求22所述的装置，其特征在于，所述生成模块包括： 绘制单元，用于根据所述设置参数和所述示例文本，绘制文本图片； 截图单元，用于对所述文本图片进行截图，得到预览效果图。25. 如权利要求22所述的装置，其特征在于，所述第一发送模块包括： 编码单元，用于将所述预览效果图进行编码，得到所述预览效果图的字符串； 发送单元，用于将所述预览效果图的字符串发送给所述服务器。26. 如权利要求22所述的装置，其特征在于，所述装置还包括： 第三发送模块，用于向所述服务器发送建立连接请求； 确定模块，用于当接收到所述服务器发送的建立响应消息时，确定已建立与所述服务 器之间的长连接。
【专利摘要】本发明公开了一种网页字体的预览方法及装置，属于互联网领域。所述方法包括：获取设置参数和示例文本；当接收到预览指令时，向服务器发送预览请求，所述预览请求中携带所述设置参数和所述示例文本，使所述服务器将所述预览请求发送给多个第一终端，由所述多个第一终端分别基于所述设置参数和所述示例文本生成预览效果图，所述多个第一终端安装的操作系统均不同；当接收到所述服务器发送的多个预览效果图时，显示所述多个预览效果图，对所述多个第一终端上显示的网页字体进行预览。本发明使预览网页字体的操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
【IPC分类】G06F17/30
【公开号】CN105488064
【申请号】CN201410482237
【发明人】谭照强
【申请人】腾讯科技（深圳）有限公司
【公开日】2016年4月13日
【申请日】2014年9月19日
【技术领域】
[0001] 本发明涉及互联网领域，特别涉及一种网页字体的预览方法及装置。
【背景技术】
[0002] 随着互联网技术的快速发展，终端可以从网络上获取用户所需的信息，并通过网 页的形式进行显示。当终端的操作系统不同时，终端渲染网页字体的方式不同，进而使终端 显示的网页字体的效果也不同，所以，为了使安装有不同操作系统的多个终端上显示的网 页字体的效果均符合视觉要求，开发人员在设计网页时，需要对该多个终端上显示的网页 字体进行预览。
[0003] 目前，开发人员首先根据网页字体的设置参数，对该网页字体进行设置，然后根据 设置之后的网页字体生成网页，该设置参数可以为字体大小、字形、粗细、颜色等。接下来， 开发人员通过安装有不同操作系统的多个终端分别打开该网页来预览网页字体，如果设置 的网页字体不合适，则开发人员需要对该网页字体重新进行设置，并再次生成网页，重复上 述的步骤来预览网页字体。由于设置网页字体的操作、生成网页的操作和预览网页字体的 操作都比较复杂，并且对网页字体进行多次设置时，更是导致了预览网页字体的操作复杂 性，降低了预览网页字体的效率，以及降低了网页设计的效率。
【发明内容】
[0004] 为了解决现有技术的问题，本发明实施例提供了一种网页字体的预览方法及装 置。所述技术方案如下：
[0005] 第一方面，提供了一种网页字体的预览方法，所述方法包括：
[0006] 获取设置参数和示例文本；
[0007] 当接收到预览指令时，向服务器发送预览请求，所述预览请求中携带所述设置参 数和所述示例文本，使所述服务器将所述预览请求发送给多个第一终端，由所述多个第一 终端分别基于所述设置参数和所述示例文本生成预览效果图，所述多个第一终端安装的操 作系统均不同；
[0008] 当接收到所述服务器发送的多个预览效果图时，显示所述多个预览效果图，对所 述多个第一终端上显示的网页字体进行预览。
[0009] 第二方面，提供了一种网页字体的预览方法，所述方法包括：
[0010] 接收第二终端发送的预览请求，所述预览请求中携带设置参数和示例文本；
[0011] 将所述预览请求发送给多个第一终端，使所述多个第一终端分别基于所述设置参 数和所述示例文本生成预览效果图，所述多个第一终端安装的操作系统均不同；
[0012] 当接收到所述多个第一终端发送的预览效果图时，将所述多个第一终端发送的预 览效果图发送给所述第二终端，使所述第二终端显示所述多个预览效果图，对所述多个第 一终端上显示的网页字体进行预览。
[0013] 第三方面，提供了一种网页字体的预览方法，所述方法包括：
[0014] 接收服务器发送的预览请求，所述预览请求中携带设置参数和示例文本；
[0015] 基于所述设置参数和所述示例文本，生成预览效果图；
[0016] 将所述预览效果图发送给所述服务器，使所述服务器将所述预览效果图发送给所 述第二终端，由所述第二终端显示所述预览效果图，对第一终端上显示的网页字体进行预 览。
[0017] 第四方面，提供了一种网页字体的预览装置，所述装置包括：
[0018] 获取模块，用于获取设置参数和示例文本；
[0019] 第一发送模块，用于当接收到预览指令时，向服务器发送预览请求，所述预览请求 中携带所述设置参数和所述示例文本，使所述服务器将所述预览请求发送给多个第一终 端，由所述多个第一终端分别基于所述设置参数和所述示例文本生成预览效果图，所述多 个第一终端安装的操作系统均不同；
[0020] 第一显示模块，用于当接收到所述服务器发送的多个预览效果图时，显示所述多 个预览效果图，对所述多个第一终端上显示的网页字体进行预览。
[0021] 第五方面，提供了一种网页字体的预览装置，所述装置包括：
[0022] 第一接收模块，用于接收第二终端发送的预览请求，所述预览请求中携带设置参 数和示例文本；
[0023] 第一发送模块，用于将所述预览请求发送给多个第一终端，使所述多个第一终端 分别基于所述设置参数和所述示例文本生成预览效果图，所述多个第一终端安装的操作系 统均不同；
[0024] 第二发送模块，用于当接收到所述多个第一终端发送的预览效果图时，将所述多 个第一终端发送的预览效果图发送给所述第二终端，使所述第二终端显示所述多个预览效 果图，对所述多个第一终端上显示的网页字体进行预览。
[0025] 第六方面，提供了一种网页字体的预览装置，所述装置包括：
[0026] 接收模块，用于接收服务器发送的预览请求，所述预览请求中携带设置参数和示 例文本；
[0027] 生成模块，用于基于所述设置参数和所述示例文本，生成预览效果图；
[0028] 第一发送模块，用于将所述预览效果图发送给所述服务器，使所述服务器将所述 预览效果图发送给所述第二终端，由所述第二终端显示所述预览效果图，对第一终端上显 示的网页字体进行预览。
[0029] 在本发明实施例中，第二终端将设置参数和示例文本发送给服务器，使服务器将 该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参数和 示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服务器 转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一终端 中显示网页字体进行预览，使第二终端无需根据该设置参数和示例文本生成网页，更无需 开发人员手动地通过该多个第一终端分别打开该网页来预览网页字体，使预览网页字体的 操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
【附图说明】
[0030] 为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使 用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于 本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他 的附图。
[0031] 图1是本发明实施例提供的一种网页字体的预览系统架构图；
[0032] 图2是本发明实施例提供的一种网页字体的预览方法流程图；
[0033] 图3是本发明实施例提供的另一种网页字体的预览方法流程图；
[0034] 图4是本发明实施例提供的又一种网页字体的预览方法流程图；
[0035] 图5是本发明实施例提供的再一种网页字体的预览方法流程图；
[0036] 图6是本发明实施例提供的一种第二终端界面示意图；
[0037] 图7是本发明实施例提供的一种预览效果图显示界面示意图；
[0038] 图8是本发明实施例提供的一种网页字体的预览装置结构示意图；
[0039] 图9是本发明实施例提供的另一种网页字体的预览装置结构示意图；
[0040] 图10是本发明实施例提供的又一种网页字体的预览装置结构示意图。
【具体实施方式】
[0041] 为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方 式作进一步地详细描述。
[0042] 图1是本发明实施例提供的一种网页字体的预览系统架构图。在网页字体的预览 系统中包括多个第一终端、第二终端和服务器，多个第一终端分别与服务器之间通过网络 连接，第二终端与服务器之间也通过网络连接。该多个第一终端安装的操作系统均不同，t匕 如，在图1中包括4个第一终端，第一终端1安装的操作系统为Windows操作系统,第一终 端2安装的操作系统为Android (安卓）操作系统，第一终端3安装的操作系统为Mac操作 系统，第一终端4安装的操作系统为I0S操作系统。另外，该多个第一终端用于显示网页字 体；第二终端用于对网页字体进行设置，并预览该网页字体；服务器用于传输该多个第一 终端与第二终端之间的数据。
[0043] 图2是本发明实施例提供的一种网页字体的预览方法流程图。该方法的执行主体 为第二终端，参见图2,该方法包括：
[0044] 步骤201 :获取设置参数和示例文本。
[0045] 步骤202 :当接收到预览指令时，向服务器发送预览请求，该预览请求中携带该设 置参数和示例文本，使服务器将该预览请求发送给多个第一终端，由该多个第一终端分别 基于该设置参数和示例文本生成预览效果图，该多个第一终端安装的操作系统均不同。
[0046] 步骤203 :当接收到服务器发送的多个预览效果图时，显示该多个预览效果图，对 该多个第一终端上显示的网页字体进行预览。
[0047] 在本发明实施例中，第二终端将设置参数和示例文本发送给服务器，使服务器将 该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参数和 示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服务器 转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一终端 中显示网页字体进行预览，使第二终端无需根据该设置参数和示例文本生成网页，更无需 开发人员手动地通过该多个第一终端分别打 开该网页来预览网页字体，使预览网页字体的 操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
[0048] 可选地，当接收到服务器发送的多个预览效果图时，显示该多个预览效果图，包 括：
[0049] 如果该多个预览效果图是以字符串的形式发送，则接收到服务器发送的该多个预 览效果图的字符串时，基于该多个预览效果图的字符串，绘制该多个预览效果图；
[0050] 根据该多个预览效果图分别对应的第一终端的操作系统标识，确定该多个预览效 果图对应的显示位置；
[0051] 将该多个预览效果图分别显示在该多个预览效果图对应的显示位置上。
[0052] 可选地，获取设置参数和示例文本之前，还包括：
[0053] 向服务器发送建立连接请求；
[0054] 当接收到服务器发送的建立响应消息时，确定已建立与服务器之间的长连接。
[0055] 可选地，当接收到服务器发送的建立响应消息，则确定已建立与服务器之间的长 连接之后，还包括：
[0056] 当接收到服务器发送的该多个第一终端中每个第一终端的状态时，显示每个第一 终端的状态，每个第一终端的状态均包括空闲状态或者繁忙状态。
[0057] 上述所有可选技术方案，均可按照任意结合形成本发明的可选实施例，本发明实 施例对此不再--赘述。
[0058] 图3是本发明实施例提供的一种网页字体的预览方法流程图。该方法的执行主体 为服务器，参见图3,该方法包括：
[0059] 步骤301 :接收第二终端发送的预览请求，该预览请求中携带设置参数和示例文 本。
[0060] 步骤302 :将该预览请求发送给多个第一终端，使该多个第一终端分别基于该设 置参数和示例文本生成预览效果图，该多个第一终端安装的操作系统均不同。
[0061] 步骤303:当接收到该多个第一终端发送的预览效果图时，将该多个第一终端发 送的预览效果图发送给第二终端，使第二终端显示该多个预览效果图，对该多个第一终端 上显示的网页字体进行预览。
[0062] 在本发明实施例中，第二终端将设置参数和示例文本发送给服务器，使服务器将 该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参数和 示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服务器 转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一终端 中显示网页字体进行预览，使第二终端无需根据该设置参数和示例文本生成网页，更无需 开发人员手动地通过该多个第一终端分别打开该网页来预览网页字体，使预览网页字体的 操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
[0063] 可选地，将该预览请求发送给多个第一终端，包括：
[0064] 获取该多个第一终端中每个第一终端的状态，每个第一终端的状态均为空闲状态 或者繁忙状态；
[0065] 基于每个第一终端的状态，从该多个第一终端中选择状态为空闲状态的第一终 端；
[0066] 将该预览请求发送给选择的第一终端。
[0067] 可选地，接收第二终端发送的预览请求之前，还包括：
[0068] 接收第二终端和该多个第一终端分别发送的建立连接请求；
[0069] 向第二终端和该多个第一终端分别发送建立响应消息，使第二终端和该多个第一 终端分别确定已建立与服务器之间的长连接。
[0070] 可选地，向第二终端和该多个第一终端分别发送建立响应消息之后，还包括：
[0071] 获取该多个第一终端中每个第一终端的状态；
[0072] 将每个第一终端的状态发送给第二终端，使第二终端显示每个第一终端的状态。
[0073] 上述所有可选技术方案，均可按照任意结合形成本发明的可选实施例，本发明实 施例对此不再--赘述。
[0074] 图4是本发明实施例提供的一种网页字体的预览方法流程图。该方法的执行主体 为第一终端，参见图4,该方法包括：
[0075] 步骤401 :接收服务器发送的预览请求，该预览请求中携带设置参数和示例文本。
[0076] 步骤402 :基于该设置参数和示例文本，生成预览效果图。
[0077] 步骤403 :将该预览效果图发送给服务器，使服务器将该预览效果图发送给第二 终端，由第二终端显示该预览效果图，对第一终端上显示的网页字体进行预览。
[0078] 可选地，接收服务器发送的预览请求之后，还包括：
[0079] 设置第一终端的状态为繁忙状态；
[0080] 向服务器发送第一终端的状态。
[0081] 可选地，基于该设置参数和示例文本，生成预览效果图，包括：
[0082] 根据该设置参数和示例文本，绘制文本图片；
[0083] 对该文本图片进行截图，得到预览效果图。
[0084] 可选地，将该预览效果图发送给服务器，包括：
[0085] 将该预览效果图进行编码，得到该预览效果图的字符串；
[0086] 将该预览效果图的字符串发送给服务器。
[0087] 可选地，接收服务器发送的预览请求之前，还包括：
[0088] 向服务器发送建立连接请求；
[0089] 当接收到服务器发送的建立响应消息时，确定已建立与服务器之间的长连接。
[0090] 上述所有可选技术方案，均可按照任意结合形成本发明的可选实施例，本发明实 施例对此不再--赘述。
[0091] 图5是本发明实施例提供的一种网页字体的预览方法流程图。参见图5,该方法包 括：
[0092] 步骤501 :第二终端和该多个第一终端分别向服务器发送建立连接请求，该多个 终端安装的操作系统均不同。
[0093] 当第二终端与服务器之间进行通信时，需要建立第二终端与该服务器之间的连 接，当该多个第一终端与该服务器之间进行通信时，需要建立该多个第一终端与该服务器 之间的连接。所以，当第二终端和该多个第一终端分别接收到连接指令时，第二终端和该多 个第一终端需要分别向该服务器发送建立连接请求。
[0094] 其中，该连接指令可以是用户触发的，用户可以通过点击连接按钮触发该连接指 令，当然，用户也可以不通过连接按钮触发该连接指令，比如，通过其他的指定操作触发该 连接指令，该指定操作可以为滑动操作、双击操作、多击操作等。
[0095] 需要说明的是，第二终端和该多个第一终端可以同时向该服务器发送建立连接请 求，也可以不同时发送，即，第二终端可以在该多个第一终端之后向该服务器发送建立连接 请求，也可以在该多个第一终端之前向服务器发送建立连接请求，优选地，为了保证预览网 页字体的操作连续性，第二终端在该多个第一终端之后向服务器发送建立连接请求，这样， 第二终端建立与服务器之间的长连接之后，可以直接获取设置参数和示例文本，从而对该 多个第一终端中显示的网页字体进行预览。
[0096] 步骤502 :当服务器接收到第二终端和该多个第一终端分别发送的建立连接请求 时，向第二终端和该多个第一终端分别发送建立响应消息，使第二终端和该多个第一终端 分别确定已建立与服务器之间的长连接。
[0097] 其中，当第二终端接收到服务器发送的建立响应消息时，第二终端确定已建立与 服务器之间的长连接，当该多个第一终端分别接收到服务器发送的建立响应消息时，该多 个第一终端分别确定已建立与服务器之间的长连接。之后，第二终端可以通过其与服务器 之间的长连接和服务器进行通信，该多个第一终端也可以通过其与服务器之间的长连接分 别和服务器进行通信。
[0098] 需要说明的是，第二终端与服务器之间的长连接，以及该多个第一终端与服务器 之间的长连接都是采用websocket协议来提供通信，且建立的长连接都是双向通信的，两 者可以互相通信。另外，在本发明实施例中，服务器是通过node, js配合express框架提供 服务的。
[0099] 步骤503 :该服务器获取该多个第一终端中每个第一终端的状态，并将每个第一 终端的状态发送给第二终端，每个第一终端的状态均包括空闲状态或者繁忙状态。
[0100] 其中，当服务器接收到该多个第一终端分别发送的建立连接请求时，该服务器设 置该多个第一终端的初始状态为空闲状态，并存储该多个第一终端的状态。比如，上述提到 该多个第一终端安装的操作系统均不同，所以，可以在服务器中存储该多个第一终端的操 作系统的标识与该多个第一终端的状态之间的对应关系，即，可以将该多个第一终端的操 作系统的标识与该多个第一终端的状态存储在如下表1所示的操作系统标识与终端状态 之间的对应关系中。
[0101] 表 1
[0102]
[0103] 当服务器存储操作系统标识与终端状态之间的对应关系之后，当服务器对第二终 端发送的建立连接请求做出建立响应之后，该服务器可以从该操作系统标识与终端状态之 间的对应关系中获取每个第一终端的状态，并将每个第一终端的状态发送给第二终端。
[0104] 本发明实施例中，该多个第一终端不仅可以为该第二终端提供服务，还可以为 其 他的终端提供服务，即，该多个第一终端不仅可以根据第二终端发送的设置参数和示例文 本生成预览效果图，还可以根据其他终端发送的设置参数和示例文本生成预览效果图。并 且，该多个第一终端并没有安装任何的插件或者应用程序，该多个第一终端就是普通的终 端，所以，当该多个第一终端为其他的终端提供服务时，该多个第一终端就不能为该第二终 端提供服务，所以，该服务器需要获取该多个第一终端中每个第一终端的状态，并将每个第 一终端的状态发送给第二终端。当开发人员确定该多个第一终端中每个第一终端的状态 均为空闲状态时，再触发预览指令，使该多个第一终端根据第二终端发送的设置参数和示 例文本生成预览效果图，这样可以提高对该多个第一终端上显示网页字体进行预览的准确 度，也可以节省了网页字体的预览时间。
[0105] 步骤504 :当第二终端接收到服务器发送的每个第一终端的状态时，显示每个第 一终端的状态。
[0106] 具体地，当第二终端接收到服务器发送的每个第一终端的状态时，第二终端根据 每个第一终端的操作系统标识，确定每个第一终端的状态的显示位置。根据每个第一终端 的状态的显示位置，显示每个第一终端的状态。
[0107] 其中，在本发明实施例中，可以在第二终端的界面中为每个第一终端划分一个显 示位置，每个第一终端的显示位置中不仅可以显示每个第一终端发送的预览效果图，还可 以显示每个第一终端的状态。在显示每个第一终端的状态时，可以在该显示位置中的状态 条中进行显示。
[0108] 比如，如图6所示的每个第一终端的显示位置，每个显示位置中均包括一个状态 条，用于显示每个第一终端的状态。在图6中包括4个第一终端，第一终端1安装的操作系 统为Windows操作系统，第一终端2安装的操作系统为Android操作系统，第一终端3安装 的操作系统为Mac操作系统，第一终端4安装的操作系统为I0S操作系统，且第二终端接收 到服务器发送的该4个第一终端的状态均为空闲状态，此时，第二终端通过条纹格的方式 填充该4个第一终端的状态条，表示该4个第一终端的状态为空闲状态。
[0109] 需要说明的是，本发明实施例仅以图6中的显示位置为例进行说明，即，每个第一 终端的状态条可以位于每个第一终端的显示位置的上边框、下边框、左边框或者右边框，本 发明实施例对此不做具体限定。另外，可以通过条纹格的方式表示空闲状态，以实体填充的 方式表示繁忙状态，当然，还可以通过颜色表示第一终端的状态，即，绿色表示空闲状态，红 色表示繁忙状态，本发明实施例对此同样不做具体限定。
[0110] 当通过上述501至504的步骤建立第二终端与服务器之间的长连接，建立该多个 第一终端与服务器之间的长连接，以及将该多个第一终端的状态发送给第二终端之后，开 发人员可以基于该多个第一终端的状态，按照如下的步骤对该多个第一终端中的网页字体 进行预览。
[0111] 步骤505 :第二终端获取设置参数和示例文本。
[0112] 当第二终端接收到示例文本之后，如果开发人员通过工具栏中的设置参数对应的 按钮选择设置参数，第二终端根据选择的设置参数对该示例文本进行设置，当开发人员对 设置之后的示例文本满意之后，该开发人员可以触发预览指令。
[0113] 其中，该示例文本可以是开发人员向第二终端中输入的文本，也可以是第二终端 中默认的文本，本发明实施例对此不做具体限定。另外，该设置参数可以包括字体类型、字 体大小、粗细、字形、颜色、背景色、行高、段落间距等等。
[0114] 步骤506 :当接收到预览指令时，第二终端向服务器发送预览请求，该预览请求中 携带该设置参数和该示例文本。
[0115] 具体地，当第二终端接收到预览指令时，第二终端确定需要进行网页字体预览。第 二终端基于获取的设置参数和示例文本，生成预览请求，并将该预览请求发送给服务器。
[0116] 其中，该预览指令可以是用户触发的，且该预览指令可以通过点击预览按钮进行 触发，当然，还可以通过其他的方式进行触发，比如，通过指定操作进行触发，本发明实施例 对此不做具体限定。
[0117] 步骤507 :当服务器接收到该预览请求时，将该预览请求发送给多个第一终端。
[0118] 上述提到该多个第一终端为其他的终端提供服务时，就不能为第二终端提供服 务，优选地，为了进一步保证能够获取到预览效果图，服务器需要获取该多个第一终端中每 个第一终端的状态；基于每个第一终端的状态，从该多个第一终端中选择状态为空闲状态 的第一终端；将该预览请求发送给选择的第一终端。比如，服务器获取到该4个第一终端的 状态均为空闲状态，此时，服务器将该预览请求分别发送给该4个第一终端。
[0119] 步骤508 :当该多个第一终端接收到该预览请求时，分别基于该设置参数和该示 例文本生成预览效果图，并将生成的预览效果图发送给该服务器。
[0120] 具体地，当该多个第一终端接收到该预览请求时，对于该多个第一终端的每个第 一终端，该第一终端根据该预览请求中携带的设置参数和示例文本，绘制文本图片；对绘制 的文本图片进行截图，得到预览效果图。将该预览效果图进行编码，得到该预览效果图的字 符串；将该预览效果图的字符串发送给服务器。
[0121] 其中，第一终端绘制文本图片时可以根据canvas技术进行绘制，然后，第一终端 可以按照base64的格式将该预览效果图进行编码，还可以通过其他的格式，本发明实施例 对此不做具体限定。另外，当对该预览效果图进行编码之后，可以将该预览效果图的字符串 携带在请求中发送给服务器，无需将该预览效果图进行打包，然后将打包的数据包在请求 之后发送给服务器，使第二终端获取预览效果图的方式更加方便。
[0122] 进一步地，当第一终端接收到服务器发送的预览请求之后，该第一终端可以设置 该第一终端的状态为繁忙状态；然后，向服务器发送该第一终端的状态。更进一步地，当服 务器接收到该第一终端的状态时，服务器根据该第一终端的操作系统标识，从操作系统标 识与终端状态之间的对应关系中查找对应的终端状态，并将查找的终端状态替换为接收的 第一终端的状态，即，将查找的终端的状态替换为繁忙状态。这样，在其他的终端中可以显 示该终端的状态为繁忙状态。
[0123] 步骤509:当服务器接收到该多个第一终端发送的预览效果图时，将该多个第一 终端发送的预览效果图发送给第二终端。
[0124] 其中，当服务器接收到该多个第一终端发送的预览效果图时，确定接收的预览效 果图的个数是否与步骤507中选择的第一终端的个数是否相等，如果相等，则将该多个第 一终端发送的预览效果图发送给第二终端。
[0125] 步骤510:当第二终端接收到服务器发送的多个预览效果图时，根据该多个预览 效果图分别对应的第一终端的操作系统标识，确定该多个预览效果图对应的显示位置。
[0126] 进一步地，如果该多个预览效果图是以字符串的形式发送，则当第二终端接收到 服务器发送的该多个预览效果图的字符串时，基于该多个预览效果图的字符串，绘制该多 个预览效果图。
[0127] 比如，第一终端1发送的是预览效果图1，第一终端2发送的是预览效果图2,第一 终端3发送的是预览效果图3,第一终端4发送的是预览效果图4。第二终端根据该4个预 览效果图分别对应的第一终端的操作系统标识，确定预览效果图1对应的显示位置为位置 1，预览效果图2对应的显示位置为位置2,预览效果图3对应的显示位置为位置3,预览效 果图4对应的显示位置为位置4。
[0128] 步骤511 :将该多个预览效果图分别显示在该多个预览效果图对应的显示位置 上，对该多个第一终端上显示的网页字体进行预览。
[0129] 例如，如图7所示，将第一终端1发送的预览效果图1显示在显示位置1中，将第 一终端2发送的预览效果图2显示在显示位置2中，将第一终端3发送的预览效果图3显 示在显示位置3中，以及将第一终端4发送的预览效果图4显示在显示位置4中。
[0130] 进一步地，本发明实施例还提供了一键导出（CSS, Cascading Style Sheet,层叠 样式表）功能，即，当第二终端接收到导出指令时，将最终选择的设置参数导出，将导出的 设置参数直接提供给项目开发人员使用，进而可以提高项目开发的效率。该导出指令可以 为用户通过图7中的CSS按钮触发的。
[0131] 进一步地，本发明实施例还提供了重置功能，当第二终端显示该多个第一终端发 送的预览效果图之后，如果开发人员不满意，则该开发人员可以通过点击重置按钮向第二 终端提交重置指令。当第二终端接收到该重置指令时，第二终端将设置参数置为初始状态， 以及将示例文本也置为初始状态。
[0132] 在本发明实施例中，首先建立第二终端与服务器之间的长连接，以及该多个第一 终端与服务器之间的长连接，之后，第二终端将设置参数和示例文本发送给服务器，使服务 器将该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参 数和示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服 务器转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一 终端中显示网页字体进行预览，使第二终端无需根据该设 置参数和示例文本生成网页，更 无需开发人员手动地通过该多个第一终端分别打开该网页来预览网页字体，使预览网页字 体的操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
[0133] 图8是本发明实施例提供的一种网页字体的预览装置结构示意图。参见图8,该装 置包括：获取模块801、第一发送模块802和第一显不模块803。
[0134] 获取模块801，用于获取设置参数和示例文本；
[0135] 第一发送模块802,用于当接收到预览指令时，向服务器发送预览请求，该预览请 求中携带该设置参数和示例文本，使服务器将该预览请求发送给多个第一终端，由该多个 第一终端分别基于该设置参数和示例文本生成预览效果图，该多个第一终端安装的操作系 统均不同；
[0136] 第一显示模块803,用于当接收到服务器发送的多个预览效果图时，显示该多个预 览效果图，对该多个第一终端上显示的网页字体进行预览。
[0137] 可选地，第一显示模块803包括：
[0138] 绘制单元，用于如果该多个预览效果图是以字符串的形式发送，则接收到服务器 发送的该多个预览效果图的字符串时，基于该多个预览效果图的字符串，绘制该多个预览 效果图；
[0139] 确定单元，用于根据该多个预览效果图分别对应的第一终端的操作系统标识，确 定该多个预览效果图对应的显示位置；
[0140] 显示单元，用于将该多个预览效果图分别显示在该多个预览效果图对应的显示位 置上。
[0141] 可选地，该装置还包括：
[0142] 第二发送模块，用于向服务器发送建立连接请求；
[0143] 确定模块，用于当接收到服务器发送的建立响应消息时，确定已建立与服务器之 间的长连接。
[0144] 可选地，该装置还包括：
[0145] 第二显示模块，用于当接收到服务器发送的该多个第一终端中每个第一终端的状 态时，显示每个第一终端的状态，每个第一终端的状态均包括空闲状态或者繁忙状态。
[0146] 在本发明实施例中，第二终端将设置参数和示例文本发送给服务器，使服务器将 该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参数和 示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服务器 转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一终端 中显示网页字体进行预览，使第二终端无需根据该设置参数和示例文本生成网页，更无需 开发人员手动地通过该多个第一终端分别打开该网页来预览网页字体，使预览网页字体的 操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
[0147] 图9是本发明实施例提供的一种网页字体的预览装置结构示意图。参见图9,该装 置包括：第一接收模块901、第一发送模块902和第二发送模块903。
[0148] 第一接收模块901，用于接收第二终端发送的预览请求，该预览请求中携带设置参 数和示例文本；
[0149] 第一发送模块902,用于将该预览请求发送给多个第一终端，使该多个第一终端分 别基于该设置参数和示例文本生成预览效果图，该多个第一终端安装的操作系统均不同；
[0150] 第二发送模块903,用于当接收到该多个第一终端发送的预览效果图时，将该多个 第一终端发送的预览效果图发送给第二终端，使第二终端显示该多个预览效果图，对该多 个第一终端上显示的网页字体进行预览。
[0151] 可选地，第一发送模块902包括：
[0152] 获取单元，用于获取该多个第一终端中每个第一终端的状态，每个第一终端的状 态均为空闲状态或者繁忙状态；
[0153] 选择单元，用于基于每个第一终端的状态，从该多个第一终端中选择状态为空闲 状态的第一终端；
[0154] 发送单元，用于将该预览请求发送给选择的第一终端。
[0155] 可选地，该装置还包括：
[0156] 第二接收模块，用于接收第二终端和该多个第一终端分别发送的建立连接请求；
[0157] 第三发送模块，用于向第二终端和该多个第一终端分别发送建立响应消息，使第 二终端和该多个第一终端分别确定已建立与服务器之间的长连接。
[0158] 可选地，该装置还包括：
[0159] 获取模块，用于获取该多个第一终端中每个第一终端的状态；
[0160] 第四发送模块，用于将每个第一终端的状态发送给第二终端，使第二终端显示每 个第一终端的状态。
[0161] 在本发明实施例中，第二终端将设置参数和示例文本发送给服务器，使服务器将 该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参数和 示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服务器 转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一终端 中显示网页字体进行预览，使第二终端无需根据该设置参数和示例文本生成网页，更无需 开发人员手动地通过该多个第一终端分别打开该网页来预览网页字体，使预览网页字体的 操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
[0162] 图10是本发明实施例提供的一种网页字体的预览装置结构示意图。参见图10,该 装置包括：接收模块1001、生成模块1002和第一发送模块1003。
[0163] 接收模块1001，用于接收服务器发送的预览请求，该预览请求中携带设置参数和 示例文本；
[0164] 生成模块1002,用于基于该设置参数和示例文本，生成预览效果图；
[0165] 第一发送模块1003,用于将该预览效果图发送给服务器，使服务器将该预览效果 图发送给第二终端，由第二终端显示该预览效果图，对第一终端上显示的网页字体进行预 览。
[0166] 可选地，该装置还包括：
[0167] 设置模块，用于设置第一终端的状态为繁忙状态；
[0168] 第二发送模块，用于向服务器发送第一终端的状态。
[0169] 可选地，生成模块1002包括：
[0170] 绘制单元，用于根据该设置参数和示例文本，绘制文本图片；
[0171] 截图单元，用于对该文本图片进行截图，得到预览效果图。
[0172] 可选地，第一发送模块1003包括：
[0173] 编码单元，用于将该预览效果图进行编码，得到该预览效果图的字符串；
[0174] 发送单元，用于将该预览效果图的字符串发送给服务器。
[0175] 可选地，该装置还包括：
[0176] 第三发送模块，用于向服务器发送建立连接请求；
[0177] 确定模块，用于当接收到服务器发送的建立响应消息时，确定已建立与服务器之 间的长连接。
[0178] 在本发明实施例中，第二终端将设置参数和示例文本发送给服务器，使服务器将 该设置参数和示例文本发送给该多个第一终端，由该多个第一终端分别基于该设置参数和 示例文本生成预览效果图。该多个第一终端将生成的预览效果图发送给服务器，由服务器 转发给第二终端，使第二终端显示该多个预览效果图，从而在第二终端中对多个第一终端 中显示网页字体进行预览，使第二终端无需根据该设置参数和示例文本生成网页，更无需 开发人员手动地通过该多个第一终端分别打开该网页来预览网页字体，使预览网页字体的 操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
[0179] 需要说明的是：上述实施例提供的网页字体的预览装置在网页字体的预览时，仅 以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由 不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全 部或者部分功能。另外，上述实施例提供的网页字体的预览装置与网页字体的预览方法实 施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
[0180] 本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件 来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读 存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
[0181] 以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和 原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
【主权项】
1. 一种网页字体的预览方法，其特征在于，所述方法包括： 获取设置参数和示例文本； 当接收到预览指令时，向服务器发送预览请求，所述预览请求中携带所述设置参数和 所述示例文本，使所述服务器将所述预览请求发送给多个第一终端，由所述多个第一终端 分别基于所述设置参数和所述示例文本生成预览效果图，所述多个第一终端安装的操作系 统均不同； 当接收到所述服务器发送的多个预览效果图时，显示所述多个预览效果图，对所述多 个第一终端上显示的网页字体进行预览。2. 如权利要求1所述的方法，其特征在于，所述当接收到所述服务器发送的多个预览 效果图时，显示所述多个预览效果图，包括： 如果所述多个预览效果图是 以字符串的形式发送，则接收到所述服务器发送的所述 多个预览效果图的字符串时，基于所述多个预览效果图的字符串，绘制所述多个预览效果 图； 根据所述多个预览效果图分别对应的第一终端的操作系统标识，确定所述多个预览效 果图对应的显示位置； 将所述多个预览效果图分别显示在所述多个预览效果图对应的显示位置上。3. 如权利要求1所述的方法，其特征在于，所述获取设置参数和示例文本之前，还包 括： 向所述服务器发送建立连接请求； 当接收到所述服务器发送的建立响应消息时，确定已建立与所述服务器之间的长连 接。4. 如权利要求3所述的方法，其特征在于，所述当接收到所述服务器发送的建立响应 消息，则确定已建立与所述服务器之间的长连接之后，还包括： 当接收到所述服务器发送的所述多个第一终端中每个第一终端的状态时，显示所述每 个第一终端的状态，所述每个第一终端的状态均包括空闲状态或者繁忙状态。5. -种网页字体的预览方法，其特征在于，所述方法包括： 接收第二终端发送的预览请求，所述预览请求中携带设置参数和示例文本； 将所述预览请求发送给多个第一终端，使所述多个第一终端分别基于所述设置参数和 所述示例文本生成预览效果图，所述多个第一终端安装的操作系统均不同； 当接收到所述多个第一终端发送的预览效果图时，将所述多个第一终端发送的预览效 果图发送给所述第二终端，使所述第二终端显示所述多个预览效果图，对所述多个第一终 端上显示的网页字体进行预览。6. 如权利要求5所述的方法，其特征在于，所述将所述预览请求发送给多个第一终端， 包括： 获取所述多个第一终端中每个第一终端的状态，所述每个第一终端的状态均为空闲状 态或者繁忙状态； 基于所述每个第一终端的状态，从所述多个第一终端中选择状态为空闲状态的第一终 端； 将所述预览请求发送给选择的第一终端。7. 如权利要求5所述的方法，其特征在于，所述接收第二终端发送的预览请求之前，还 包括： 接收所述第二终端和所述多个第一终端分别发送的建立连接请求； 向所述第二终端和所述多个第一终端分别发送建立响应消息，使所述第二终端和所述 多个第一终端分别确定已建立与服务器之间的长连接。8. 如权利要求7所述的方法，其特征在于，所述向所述第二终端和所述多个第一终端 分别发送建立响应消息之后，还包括： 获取所述多个第一终端中每个第一终端的状态； 将所述每个第一终端的状态发送给第二终端，使所述第二终端显示所述每个第一终端 的状态。9. 一种网页字体的预览方法，其特征在于，所述方法包括： 接收服务器发送的预览请求，所述预览请求中携带设置参数和示例文本； 基于所述设置参数和所述示例文本，生成预览效果图； 将所述预览效果图发送给所述服务器，使所述服务器将所述预览效果图发送给所述第 二终端，由所述第二终端显示所述预览效果图，对第一终端上显示的网页字体进行预览。10. 如权利要求9所述的方法，其特征在于，所述接收服务器发送的预览请求之后，还 包括： 设置所述第一终端的状态为繁忙状态； 向所述服务器发送所述第一终端的状态。11. 如权利要求9所述的方法，其特征在于，所述基于所述设置参数和所述示例文本， 生成预览效果图，包括： 根据所述设置参数和所述示例文本，绘制文本图片； 对所述文本图片进行截图，得到预览效果图。12. 如权利要求9所述的方法，其特征在于，所述将所述预览效果图发送给所述服务 器，包括： 将所述预览效果图进行编码，得到所述预览效果图的字符串； 将所述预览效果图的字符串发送给所述服务器。13. 如权利要求9所述的方法，其特征在于，所述接收服务器发送的预览请求之前，还 包括： 向所述服务器发送建立连接请求； 当接收到所述服务器发送的建立响应消息时，确定已建立与所述服务器之间的长连 接。14. 一种网页字体的预览装置，其特征在于，所述装置包括： 获取模块，用于获取设置参数和示例文本； 第一发送模块，用于当接收到预览指令时，向服务器发送预览请求，所述预览请求中携 带所述设置参数和所述示例文本，使所述服务器将所述预览请求发送给多个第一终端，由 所述多个第一终端分别基于所述设置参数和所述示例文本生成预览效果图，所述多个第一 终端安装的操作系统均不同； 第一显示模块，用于当接收到所述服务器发送的多个预览效果图时，显示所述多个预 览效果图，对所述多个第一终端上显示的网页字体进行预览。15. 如权利要求14所述的装置，其特征在于，所述第一显示模块包括： 绘制单元，用于如果所述多个预览效果图是以字符串的形式发送，则接收到所述服务 器发送的所述多个预览效果图的字符串时，基于所述多个预览效果图的字符串，绘制所述 多个预览效果图； 确定单元，用于根据所述多个预览效果图分别对应的第一终端的操作系统标识，确定 所述多个预览效果图对应的显示位置； 显示单元，用于将所述多个预览效果图分别显示在所述多个预览效果图对应的显示位 置上。16. 如权利要求14所述的装置，其特征在于，所述装置还包括： 第二发送模块，用于向所述服务器发送建立连接请求； 确定模块，用于当接收到所述服务器发送的建立响应消息时，确定已建立与所述服务 器之间的长连接。17. 如权利要求16所述的装置，其特征在于，所述装置还包括： 第二显示模块，用于当接收到所述服务器发送的所述多个第一终端中每个第一终端的 状态时，显示所述每个第一终端的状态，所述每个第一终端的状态均包括空闲状态或者繁 忙状态。18. -种网页字体的预览装置，其特征在于，所述装置包括： 第一接收模块，用于接收第二终端发送的预览请求，所述预览请求中携带设置参数和 示例文本； 第一发送模块，用于将所述预览请求发送给多个第一终端，使所述多个第一终端分别 基于所述设置参数和所述示例文本生成预览效果图，所述多个第一终端安装的操作系统均 不同； 第二发送模块，用于当接收到所述多个第一终端发送的预览效果图时，将所述多个第 一终端发送的预览效果图发送给所述第二终端，使所述第二终端显示所述多个预览效果 图，对所述多个第一终端上显示的网页字体进行预览。19. 如权利要求18所述的装置，其特征在于，所述第一发送模块包括： 获取单元，用于获取所述多个第一终端中每个第一终端的状态，所述每个第一终端的 状态均为空闲状态或者繁忙状态； 选择单元，用于基于所述每个第一终端的状态，从所述多个第一终端中选择状态为空 闲状态的第一终端； 发送单元，用于将所述预览请求发送给选择的第一终端。20. 如权利要求18所述的装置，其特征在于，所述装置还包括： 第二接收模块，用于接收所述第二终端和所述多个第一终端分别发送的建立连接请 求； 第三发送模块，用于向所述第二终端和所述多个第一终端分别发送建立响应消息，使 所述第二终端和所述多个第一终端分别确定已建立与服务器之间的长连接。21. 如权利要求20所述的装置，其特征在于，所述装置还包括： 获取模块，用于获取所述多个第一终端中每个第一终端的状态； 第四发送模块，用于将所述每个第一终端的状态发送给第二终端，使所述第二终端显 示所述每个第一终端的状态。22. -种网页字体的预览装置，其特征在于，所述装置包括： 接收模块，用于接收服务器发送的预览请求，所述预览请求中携带设置参数和示例文 本； 生成模块，用于基于所述设置参数和所述示例文本，生成预览效果图； 第一发送模块，用于将所述预览效果图发送给所述服务器，使所述服务器将所述预览 效果图发送给所述第二终端，由所述第二终端显示所述预览效果图，对第一终端上显示的 网页字体进行预览。23. 如权利要求22所述的装置，其特征在于，所述装置还包括： 设置模块，用于设置所述第一终端的状态为繁忙状态； 第二发送模块，用于向所述服务器发送所述第一终端的状态。24. 如权利要求22所述的装置，其特征在于，所述生成模块包括： 绘制单元，用于根据所述设置参数和所述示例文本，绘制文本图片； 截图单元，用于对所述文本图片进行截图，得到预览效果图。25. 如权利要求22所述的装置，其特征在于，所述第一发送模块包括： 编码单元，用于将所述预览效果图进行编码，得到所述预览效果图的字符串； 发送单元，用于将所述预览效果图的字符串发送给所述服务器。26. 如权利要求22所述的装置，其特征在于，所述装置还包括： 第三发送模块，用于向所述服务器发送建立连接请求； 确定模块，用于当接收到所述服务器发送的建立响应消息时，确定已建立与所述服务 器之间的长连接。
【专利摘要】本发明公开了一种网页字体的预览方法及装置，属于互联网领域。所述方法包括：获取设置参数和示例文本；当接收到预览指令时，向服务器发送预览请求，所述预览请求中携带所述设置参数和所述示例文本，使所述服务器将所述预览请求发送给多个第一终端，由所述多个第一终端分别基于所述设置参数和所述示例文本生成预览效果图，所述多个第一终端安装的操作系统均不同；当接收到所述服务器发送的多个预览效果图时，显示所述多个预览效果图，对所述多个第一终端上显示的网页字体进行预览。本发明使预览网页字体的操作较简单，进而提高了预览网页字体的效率，以及提高了网页设计的效率。
【IPC分类】G06F17/30
【公开号】CN105488064
【申请号】CN201410482237
【发明人】谭照强
【申请人】腾讯科技（深圳）有限公司
【公开日】2016年4月13日
【申请日】2014年9月19日
最新回复(0)