CN114692036A - Page display method, device, equipment and storage medium - Google Patents
Page display method, device, equipment and storage mediumDownload PDFInfo
- Publication number
- CN114692036A CN114692036ACN202210204983.5ACN202210204983ACN114692036ACN 114692036 ACN114692036 ACN 114692036ACN 202210204983 ACN202210204983 ACN 202210204983ACN 114692036 ACN114692036 ACN 114692036A
- Authority
- CN
- China
- Prior art keywords
- page
- component
- target
- page element
- display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Description
Translated fromChinese技术领域technical field
本申请涉及网页显示领域，尤其涉及页面显示方法、装置、设备及存储介质。The present application relates to the field of web page display, and in particular, to a page display method, apparatus, device, and storage medium.
背景技术Background technique
Web页面，是网站/应用系统的基本组成元素，用户通过浏览不同的Web页面，可以了解或使用网站/应用所能提供的各种功能。其中，网站/应用系统的Web页面一般是由产品人员提出构思、设计人员设计样式再由开发人员编写程序代码实现。Web页面一般是由文字、图片等页面元素组成，基于通过纯超文本标记语言(hyper text markup language，HTML)代码或调用前端组件的HTML代码实现。A web page is the basic component of a website/application system. By browsing different web pages, users can understand or use various functions that the website/application can provide. Among them, the web pages of the website/application system are generally conceived by product personnel, designed by designers, and implemented by developers by writing program codes. Web pages are generally composed of page elements such as text and pictures, and are implemented based on pure hyper text markup language (Hyper Text Markup Language, HTML) codes or HTML codes that call front-end components.
在Web页面正式投入应用之前，开发人员会将开发的Web页面给产品人员、设计人员等开发人员查看，以供产品人员、设计人员判断开发人员开发的Web页面是否符合产品人员的构思且与设计人员设计的样式一致。由于产品人员、设计人员不懂开发的原理，无法知道Web页面中的页面元素具体是如何实现的，不利于产品人员和设计人员提出修改建议。Before the web page is officially put into application, the developer will show the developed web page to the product personnel, designers and other developers for viewing, so that the product personnel and designers can judge whether the web page developed by the developer conforms to the concept of the product personnel and is consistent with the design. The style of personnel design is consistent. Because product personnel and designers do not understand the principles of development, they cannot know how the page elements in the Web page are implemented, which is not conducive to product personnel and designers to propose revisions.
发明内容SUMMARY OF THE INVENTION
本申请提供页面显示方法、装置、设备及存储介质，以解决不懂开发原理的人员无法了解页面元素的实现方式的技术问题。The present application provides a page display method, apparatus, device and storage medium to solve the technical problem that people who do not understand development principles cannot understand the implementation of page elements.
第一方面，提供一种页面显示方法，包括：In a first aspect, a method for displaying a page is provided, including:
在检测到目标页面打开的情况下，获取页面触件在所述目标页面内的目标位置；In the case of detecting that the target page is opened, obtain the target position of the page touch in the target page;
在所述目标位置为所述目标页面内的第一页面元素所在的位置的情况下，以第一区别显示方式显示所述第一页面元素；所述第一页面元素为第一组件对应的页面元素，所述第一组件为所述目标页面对应的任一组件，所述第一区别显示方式不同于所述目标页面内的第二页面元素的显示方式，所述第二页面元素为非组件对应的页面元素。In the case where the target position is the position of the first page element in the target page, the first page element is displayed in a first differentiated display mode; the first page element is the page corresponding to the first component element, the first component is any component corresponding to the target page, the first differentiated display mode is different from the display mode of the second page element in the target page, and the second page element is a non-component the corresponding page element.
在该技术方案中，当检测到目标页面被打开时，获取页面触件在目标页面内的目标位置，并在目标位置为组件对应的页面元素所在的位置的情况下，以不同于页面中非组件对应的页面元素的显示方式显示组件对应的页面元素，实现了组件对应的页面元素与非组件对应的页面元素在显示上的区分，这样可以便于非开发人员了解页面中的页面元素的实现构成，有利于对页面进行更好地开发和修改。In this technical solution, when it is detected that the target page is opened, the target position of the page touch in the target page is obtained, and in the case where the target position is the position of the page element corresponding to the component The display mode of the page element corresponding to the component shows the page element corresponding to the component, which realizes the distinction between the page element corresponding to the component and the page element corresponding to the non-component in the display, which can facilitate non-developers to understand the implementation structure of the page element in the page. , which is conducive to better development and modification of the page.
结合第一方面，在一种可能的实现方式中，所述方法还包括：在所述目标位置为所述目标页面内的第三页面元素所在的位置的情况下，以第二区别显示方式显示所述第三页面元素，所述第三页面元素为第二组件对应的页面元素，所述第二组件为所述目标页面对应的不同于所述第一组件的任一组件，所述第二区别显示方式不同于所述第一区别显示方式且不同于所述第二页面元素的显示方式。通过以不同的显示方式显示不同组件对应的页面元素，能够方便查看页面的人员更好地了解页面元素的实现构成。With reference to the first aspect, in a possible implementation manner, the method further includes: in the case that the target position is the position where the third page element in the target page is located, displaying in a second differentiated display manner The third page element, the third page element is the page element corresponding to the second component, the second component is any component corresponding to the target page that is different from the first component, the second The distinctive display manner is different from the first distinctive display manner and different from the display manner of the second page element. By displaying page elements corresponding to different components in different display modes, it is convenient for the person viewing the page to better understand the implementation composition of the page elements.
结合第一方面，在一种可能的实现方式中，所述方法还包括：在检测到所述页面触件在所述第一页面元素所在的位置处停留的时间超过预设阈值的情况下，显示所述第一组件的组件信息。当检测到页面触件在组件对应的页面元素处的时间较长时，通过显示组件的组件信息，能够有助于查看页面的人员了解组件的具体情况。With reference to the first aspect, in a possible implementation manner, the method further includes: when it is detected that the time that the page trigger stays at the position where the first page element is located exceeds a preset threshold, Component information of the first component is displayed. When it is detected that the page trigger is at the page element corresponding to the component for a long time, displaying the component information of the component can help the person viewing the page to understand the specific situation of the component.
结合第一方面，在一种可能的实现方式中，所述显示所述第一组件的组件信息之前还包括：向组件服务器发送信息获取请求，所述信息获取请求携带所述第一组件的组件标识；接收所述组件服务器根据所述组件标识发送的所述第一组件的组件信息。通过从服务器获取组件信息的方式，能够节省设备的本地存储空间。With reference to the first aspect, in a possible implementation manner, before displaying the component information of the first component, the method further includes: sending an information acquisition request to a component server, where the information acquisition request carries the components of the first component identification; receiving the component information of the first component sent by the component server according to the component identification. By acquiring the component information from the server, the local storage space of the device can be saved.
结合第一方面，在一种可能的实现方式中，所述以第一区别显示方式显示所述第一页面元素之前，还包括：获取目标位置对应的网页代码；在所述网页代码中存在预设代码标识的情况下，确定所述目标位置为所述第一页面元素所在的位置。通过在组件对应的网页代码中预先设置标识的方式，能够实现对组件对应的页面元素的标记，从而能够以一种简单的方式实现对组件对应的页面元素的识别。With reference to the first aspect, in a possible implementation manner, before the displaying the first page element in the first differentiated display manner, the method further includes: acquiring the webpage code corresponding to the target position; In the case of code identification, determine that the target position is the position where the first page element is located. By presetting the identifier in the webpage code corresponding to the component, the page element corresponding to the component can be marked, thereby realizing the identification of the page element corresponding to the component in a simple manner.
结合第一方面，在一种可能的实现方式中，所述在获取到所述第一组件对应的编辑指令的情况下，显示所述第一组件的编辑页面；通过所述编辑页面获取所述第一组件的编辑信息；根据所述第一组件的编辑信息更新所述第一组件。在获取到对组件的编辑指令时，直接显示组件的编辑页面，并根据对组件的编辑信息更新组件，这样能够方便开发人员随时对组件进行修改。With reference to the first aspect, in a possible implementation manner, the editing page of the first component is displayed when the editing instruction corresponding to the first component is obtained; the editing page is obtained through the editing page. Editing information of the first component; updating the first component according to the editing information of the first component. When the editing instruction of the component is obtained, the editing page of the component is directly displayed, and the component is updated according to the editing information of the component, which can facilitate the developer to modify the component at any time.
结合第一方面，在一种可能的实现方式中，所述根据所述第一组件的编辑信息更新所述第一组件之后，还包括：根据更新后的第一组件更新所述第一页面元素。在组件更新后直接更新组件对应的页面元素，能够便于开发人员或产品人员直接了解组件的效果，从而有利于对页面的修改。With reference to the first aspect, in a possible implementation manner, after updating the first component according to the editing information of the first component, the method further includes: updating the first page element according to the updated first component . After the component is updated, the page element corresponding to the component is directly updated, which can facilitate developers or product personnel to directly understand the effect of the component, thereby facilitating the modification of the page.
第二方面，提供一种页面显示装置，包括：In a second aspect, a page display device is provided, including:
位置获取模块，用于在检测到目标页面打开的情况下，获取页面触件在所述标页面内的目标位置；a location acquisition module, configured to acquire the target location of the page touch in the target page when it is detected that the target page is opened;
显示模块，用于在所述目标位置为所述目标页面内的第一页面元素所在的位置的情况下，以第一区别显示方式显示所述第一页面元素；所述第一页面元素为第一组件对应的页面元素，所述第一组件为所述目标页面对应的任一组件，所述第一区别显示方式不同于所述目标页面内的第二页面元素的显示方式，所述第二页面元素为非组件对应的页面元素。A display module, configured to display the first page element in a first differentiated display mode when the target position is the position of the first page element in the target page; the first page element is the first page element A page element corresponding to a component, the first component is any component corresponding to the target page, the first differentiated display mode is different from the display mode of the second page element in the target page, the second The page element is the page element corresponding to the non-component.
第三方面，提供一种计算机设备，包括存储器、显示部件以及一个或多个处理器，所述存储器与所述显示部件连接至所述一个或多个处理器，所述显示部件用于显示信息，所述显示部件用于显示信息，一个或多个处理器用于执行存储在存储器中的一个或多个计算机程序，一个或多个处理器在执行一个或多个计算机程序时，使得该计算机设备实现上述第一方面的页面显示方法。In a third aspect, there is provided a computer device comprising a memory, a display part and one or more processors, the memory and the display part being connected to the one or more processors, the display part for displaying information , the display part is used to display information, one or more processors are used to execute one or more computer programs stored in the memory, and the one or more processors make the computer device when executing the one or more computer programs The page display method of the first aspect above is implemented.
第四方面，提供一种计算机可读存储介质，计算机可读存储介质存储有计算机程序，计算机程序包括程序指令，上述程序指令当被处理器执行时使上述处理器执行上述第一方面的页面显示方法。In a fourth aspect, a computer-readable storage medium is provided, where the computer-readable storage medium stores a computer program, the computer program includes program instructions, and the program instructions, when executed by a processor, cause the processor to execute the page display of the first aspect. method.
本申请可以实现如下技术效果：实现了组件对应的页面元素与非组件对应的页面元素在显示上的区分，这样可以便于非开发人员了解页面中的页面元素的实现构成，有利于对页面进行更好地开发和修改。The present application can achieve the following technical effects: the display distinction between page elements corresponding to components and page elements corresponding to non-components is realized, which can facilitate non-developers to understand the realization and composition of page elements in the page, and is conducive to updating the page. Well developed and modified.
附图说明Description of drawings
图1为本申请实施例提供的一种页面显示方法的流程示意图；1 is a schematic flowchart of a method for displaying a page according to an embodiment of the present application;
图2A-图2D是本申请实施例提供的目标页面的示意图；2A-2D are schematic diagrams of target pages provided by embodiments of the present application;
图3是本申请实施例提供的一种页面显示装置的结构示意图；3 is a schematic structural diagram of a page display device provided by an embodiment of the present application;
图4是本申请实施例提供的一种计算机设备的结构示意图。FIG. 4 is a schematic structural diagram of a computer device provided by an embodiment of the present application.
具体实施方式Detailed ways
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。The technical solutions in the embodiments of the present application will be described below with reference to the accompanying drawings in the embodiments of the present application.
本申请的技术方案可以应用于支持对网站/应用系统进行访问的电子设备，包括但不限于终端设备、笔记本电脑、台式电脑等。其中，电子设备可向网站/应用系统对应的服务器发出页面访问请求，页面访问请求用于请求获取网站/应用系统的页面资源，在接收到网站/应用系统对应的服务器基于该页面访问请求返回的页面资源后，根据该返回的页面资源显示该页面请求对应的目标页面。The technical solutions of the present application can be applied to electronic devices supporting access to websites/application systems, including but not limited to terminal devices, notebook computers, desktop computers, and the like. The electronic device can send a page access request to the server corresponding to the website/application system, and the page access request is used to request to obtain page resources of the website/application system. After the page resource is obtained, the target page corresponding to the page request is displayed according to the returned page resource.
在一种具体实施场景中，本申请的技术方案可基于浏览器插件技术实现。其中，可通过基于浏览器插件技术开发的浏览器插件，触发电子设备执行本申请技术方案所涉及的页面显示方法，当检测到浏览器中的目标页面被打开时，获取页面触件在浏览器中的目标页面内的位置，并在页面触件在浏览器中的目标页面内的位置为组件对应的页面元素所在的位置时，以不同于该目标页面中非组件对应的页面元素的显示方式显示组件对应的页面元素，使得浏览页面的人员能够充分了解目标页面内的页面元素的实现构成，从而能够有利于对目标页面进行更好地开发和修改。需要说明的是，电子设备中可利用任意一种浏览器打开页面，浏览器包括但不限于为Chrome浏览器、谷歌浏览器等。In a specific implementation scenario, the technical solution of the present application may be implemented based on a browser plug-in technology. Among them, the browser plug-in developed based on the browser plug-in technology can trigger the electronic device to execute the page display method involved in the technical solution of the present application, and when it is detected that the target page in the browser is opened, obtain the page touch When the position of the page touch in the target page in the browser is the position of the page element corresponding to the component, the display mode of the page element corresponding to the non-component in the target page is different The page elements corresponding to the components are displayed, so that the person who browses the page can fully understand the realization and composition of the page elements in the target page, so as to facilitate better development and modification of the target page. It should be noted that any browser can be used to open the page in the electronic device, and the browser includes but is not limited to a Chrome browser, a Google browser, and the like.
以下具体介绍本申请的技术方案。The technical solutions of the present application are described in detail below.
参见图1，图1为本申请实施例提供的一种页面显示方法的流程示意图，该方法可以应用于安装有浏览器的电子设备上。如图1所示，该方法包括如下步骤：Referring to FIG. 1, FIG. 1 is a schematic flowchart of a page display method provided by an embodiment of the present application, and the method can be applied to an electronic device installed with a browser. As shown in Figure 1, the method includes the following steps:
S101，在检测到目标页面打开的情况下，获取页面触件在目标页面内的目标位置。S101, in the case of detecting that the target page is opened, obtain the target position of the page touch in the target page.
本申请实施例中，目标页面为浏览器中显示的包含有通过调用组件实现的页面元素的页面，目标页面可以包括基于多种前端实现技术实现的多个页面元素；其中，目标页面可以由浏览器根据网站/应用系统对应的服务器基于电子设备发送的页面访问请求返回的页面资源进行页面渲染得到。这里所涉及的网站/应用系统可以为任意一种以页面为基本组成元素的网站/应用系统。具体地，电子设备可以向网站/应用系统对应的服务器发送页面访问请求，并接收网站/应用系统对应的服务器根据该页面访问请求返回的页面资源，当电子设备检测到电子设备中的浏览器基于页面资源渲染完成时，则确定目标页面打开。In the embodiment of the present application, the target page is a page displayed in the browser and contains page elements realized by calling components, and the target page may include multiple page elements realized based on various front-end implementation technologies; The browser renders the page according to the page resource returned by the server corresponding to the website/application system based on the page access request sent by the electronic device. The website/application system involved here can be any website/application system with pages as basic elements. Specifically, the electronic device can send a page access request to the server corresponding to the website/application system, and receive the page resource returned by the server corresponding to the website/application system according to the page access request. When the electronic device detects that the browser in the electronic device is based on When the page resource rendering is completed, it is determined that the target page is opened.
本申请实施例中，页面触件是指执行对目标页面内的页面元素进行选择或触发的虚拟控件，页面触件对目标页面内的页面元素的选择或触发包括但不限于点击、双击、长按等。其中，页面触件对页面元素的选择或触发用于反映用户对目标页面内的页面元素的操作意图，页面触件在目标页面内的目标位置基于用户作用于目标页面的用户操作改变，即页面触件在目标页面内的目标位置随着用户作用于目标页面的用户操作的改变而随之改变。在一些可能的场景中，页面触件是可见的，例如，当电子设备为笔记本电脑、台式电脑时，页面触件可以为目标页面内随笔记本电脑/台式电脑对应的鼠标移动而移动的指示图标(例如光标)；在另一些可能的场景中，页面触件也可以为不可见的，例如，当电子设备为具有触摸屏的手机时，目标页面内的页面元素会随着用户对触摸屏的滑动操作变化，此时，手机中用于基于用户的滑动操作控制目标页面的页面元素改变的虚拟控件可以理解被称之为页面触件。In this embodiment of the present application, a page trigger refers to a virtual control that performs selection or triggering of page elements in a target page, and page triggers select or trigger page elements in a target page, including but not limited to click, double-click, long-term Press wait. The selection or triggering of the page element by the page trigger is used to reflect the user's operation intention on the page element in the target page. The target position of the touch in the target page changes with the change of the user's operation on the target page. In some possible scenarios, the page touch is visible. For example, when the electronic device is a laptop computer or a desktop computer, the page touch can be an indicator icon in the target page that moves with the mouse movement corresponding to the laptop/desktop computer. (such as a cursor); in other possible scenarios, the page touch can also be invisible. For example, when the electronic device is a mobile phone with a touch screen, the page elements in the target page will follow the user's sliding operation on the touch screen. Change, at this time, the virtual control in the mobile phone used to control the change of the page element of the target page based on the user's sliding operation can be understood to be called a page touch.
具体实现中，可以基于电子设备的输入外设检测用户的操作，根据用户的操作获取页面触件在目标页面内的目标位置。以电子设备为笔记本电脑为例，当与笔记本电脑连接的鼠标移动时，会触发笔记本电脑根据鼠标移动的位置与光标位置之间的映射关系确定光标在目标页面内的目标位置。In specific implementation, the user's operation may be detected based on the input peripheral of the electronic device, and the target position of the page touch in the target page may be acquired according to the user's operation. Taking the electronic device as a notebook computer as an example, when the mouse connected to the notebook computer moves, the notebook computer is triggered to determine the target position of the cursor in the target page according to the mapping relationship between the position of the mouse movement and the cursor position.
S102，在目标位置在目标页面内的第一页面元素所在的位置的情况下，以第一区别显示方式显示第一页面元素。S102, in the case that the target position is at the position of the first page element in the target page, display the first page element in a first differentiated display manner.
本申请实施例中，第一页面元素为第一组件对应的页面元素，第一组件为目标页面对应的任一组件。目标页面对应的组件是指用于实现目标页面中的某一页面元素的组件，页面元素是组成目标页面的基本单位，包括但不限于为文本、图片、视频、音频、动画等；第一组件是指用于实现第一页面元素的组件。第一区别显示方式是指不同于目标页面内的第二页面元素的显示方式，第二页面元素是指非组件对应的页面元素，即不是基于调用组件实现的页面元素。示例性地，可参见图2A，图2A为本申请实施例提供的一种目标页面的示意图，假设目标页面中包含页面元素e1、页面元素e2、页面元素e3、页面元素e4，页面元素e1、页面元素e2、页面元素e3、页面元素e4在目标页面中的分布如图2A所示，页面元素e1基于组件z1实现，页面元素e3基于组件z2实现，页面元素e2和页面元素e4不是基于组件实现的页面元素，则页面元素e1和页面元素e3均可以称之为第一页面元素，组件z1、组件z2均可以为第一组件，页面元素e2和页面元素e4为第二页面元素。In this embodiment of the present application, the first page element is a page element corresponding to the first component, and the first component is any component corresponding to the target page. The component corresponding to the target page refers to the component used to realize a certain page element in the target page, and the page element is the basic unit that composes the target page, including but not limited to text, pictures, video, audio, animation, etc.; the first component Refers to the component used to implement the first page element. The first differentiated display mode refers to a display mode different from the second page element in the target page, and the second page element refers to a page element corresponding to a non-component, that is, a page element not implemented based on a calling component. 2A, FIG. 2A is a schematic diagram of a target page provided by an embodiment of the present application. It is assumed that the target page includes page element e1, page element e2, page element e3, page element e4, page element e1, The distribution of page element e2, page element e3, and page element e4 in the target page is shown in Figure 2A. Page element e1 is implemented based on component z1, page element e3 is implemented based on component z2, and page element e2 and page element e4 are not implemented based on components. The page element e1 and the page element e3 can both be called the first page element, the component z1 and the component z2 can both be the first component, and the page element e2 and the page element e4 are the second page element.
在一种可行的实施方式中，第一区别显示可以为一种突出显示方式，其中，突出显示方式是指相较于第二页面元素的显示方式更为突出醒目的显示方式。具体地，第一区别显示方式可以为颜色高亮显示、元素浮空显示等，本申请不对第一区别方式进行限定。示例性地，可参见图2B，当黑色光标停留在页面元素e1处时，页面元素e1以灰色高亮方式显示。通过以比非组件对应的页面元素的显示方式更为突出醒目的显示方式显示组件对应的页面元素，能够起到对组件对应的页面元素的强调作用，从而能够使得用户能够快速找到组件对应的页面元素，从而对组件进行修改、编辑或更新等操作。In a feasible implementation manner, the first differentiated display may be a highlighted display manner, wherein the highlighted display manner refers to a more prominent and eye-catching display manner than the display manner of the second page element. Specifically, the first distinguishing display manner may be color highlight display, element floating display, etc., and the present application does not limit the first distinguishing manner. For example, referring to FIG. 2B , when the black cursor stays at the page element e1, the page element e1 is displayed in a gray highlight manner. By displaying the page element corresponding to the component in a more prominent and eye-catching display mode than the display mode of the page element corresponding to the non-component, the page element corresponding to the component can be emphasized, so that the user can quickly find the page corresponding to the component. elements to modify, edit, or update components.
在图1所示的技术方案中，当检测到目标页面被打开时，获取页面触件在目标页面内的目标位置，并在目标位置为组件对应的页面元素所在的位置的情况下，以不同于页面中非组件对应的页面元素的显示方式显示组件对应的页面元素，实现了组件对应的页面元素与非组件对应的页面元素在显示上的区分，这样可以便于非开发人员了解页面中的页面元素的实现构成，有利于对页面进行更好地开发和修改。In the technical solution shown in FIG. 1, when it is detected that the target page is opened, the target position of the page contact in the target page is obtained, and in the case where the target position is the position of the page element corresponding to the component, different The page elements corresponding to the components are displayed in the display mode of the page elements corresponding to the non-components in the page, which realizes the distinction between the page elements corresponding to the components and the page elements corresponding to the non-components in the display, so that it is convenient for non-developers to understand the pages in the page. The realization and composition of elements is conducive to better development and modification of the page.
在一种可行的实施方式中，可以通过读取目标页面的网页代码的方式来识别页面触件在目标页面内的目标位置是否为组件对应的页面元素所在的位置。其中，识别方式具体如下，包括如下步骤A1-A4。In a feasible implementation manner, whether the target position of the page touch in the target page is the position of the page element corresponding to the component can be identified by reading the webpage code of the target page. The identification method is specifically as follows, including the following steps A1-A4.
A1、获取目标位置对应的网页代码。A1. Obtain the webpage code corresponding to the target location.
其中，目标位置对应的网页代码是指目标位置处的页面元素对应的HTML代码，也即用于实现目标位置处的页面元素的HTML代码。具体实现中，可以先读取目标页面对应的全部网页代码，再从全部网页代码中确定目标位置对应的网页代码。The webpage code corresponding to the target position refers to the HTML code corresponding to the page element at the target position, that is, the HTML code used to realize the page element at the target position. In a specific implementation, all webpage codes corresponding to the target page can be read first, and then the webpage codes corresponding to the target position can be determined from all the webpage codes.
A2、判断目标位置对应的网页代码是否存在预设代码标识。A2. Determine whether there is a preset code identifier in the webpage code corresponding to the target location.
这里，预设代码标识用于指示组件。当网页代码中存在预设代码标识时，则说明该网页代码实现页面元素时调用了组件，执行步骤A3；当网页代码中并不存在代码标识时，则说明该网页代码实现页面元素时未调用组件，执行步骤A4。预设代码标识可以由开发人员开发目标页面时预置在目标页面对应的网页代码中，用于指示调用了组件。应理解的是，预设代码标识的存在并不会对目标页面对应的网页代码造成影响，即不会影响目标页面的渲染和显示。在一种可能的情况中，预设代码标识可以为页面元素的标识。以目标页面为前述2A所示的页面为例，假设e1、e2、e3、e4即为目标页面中的页面元素的元素标识，则e1和e3为预设代码标识。Here, the preset code identifier is used to indicate the component. When there is a preset code identifier in the webpage code, it means that the webpage code has invoked the component when implementing the page element, and step A3 is executed; when there is no code identifier in the webpage code, it means that the webpage code has not called the webpage element when implementing the page element. components, go to step A4. The preset code identifier may be preset in the webpage code corresponding to the target page by the developer when developing the target page, to indicate that the component is called. It should be understood that the existence of the preset code identifier does not affect the webpage code corresponding to the target page, that is, does not affect the rendering and display of the target page. In a possible situation, the preset code identifier may be an identifier of a page element. Taking the target page as the page shown in 2A as an example, assuming that e1, e2, e3, and e4 are the element identifiers of page elements in the target page, then e1 and e3 are preset code identifiers.
A3、确定目标位置为第一页面元素所在的位置，执行上述步骤S102。A3. Determine that the target position is the position where the first page element is located, and execute the above step S102.
A4、确定目标位置不为第一页面元素所在的位置。A4. Determine that the target position is not the position where the first page element is located.
通过在组件对应的网页代码中预先设置代码标识的方式，能够实现对组件对应的页面元素的标记，从而能够以一种简单的方式实现对组件对应的页面元素的识别。By presetting the code identifier in the webpage code corresponding to the component, the page element corresponding to the component can be marked, thereby realizing the identification of the page element corresponding to the component in a simple manner.
可选地，也可以通过其他实现方式来识别页面触件在目标页面内的目标位置是否为组件对应的页面元素所在的位置，本申请不对识别页面触件在目标页面内的目标位置是否为组件对应的页面元素所在的位置的具体实现方式进行限定。Optionally, other implementations can also be used to identify whether the target position of the page touch in the target page is the position of the page element corresponding to the component, and this application does not identify whether the target position of the page touch in the target page is the component. The specific implementation manner of the position where the corresponding page element is located is limited.
可选地，在一些可能的情况中，上述方法还可以包括如下步骤：在目标位置为目标页面内的第三页面元素所在的位置的情况下，以第二区别显示方式显示第三页面元素。Optionally, in some possible situations, the above method may further include the following step: in the case that the target position is the position of the third page element in the target page, displaying the third page element in a second distinct display manner.
这里，第三页面元素为第二组件对应的页面元素，第二组件为目标页面对应的不同于第一组件的任一组件，第二组件是指用于实现第二页面元素的组件；第二区别显示方式是指不同于前述第一显示方式且不同于目标页面内的第二页面元素的显示方式。即以不同的显示方式显示不同的组件，以对不同的组件进行区分。Here, the third page element is the page element corresponding to the second component, the second component is any component corresponding to the target page that is different from the first component, and the second component refers to the component used to implement the second page element; The different display mode refers to a display mode that is different from the aforementioned first display mode and different from the display mode of the second page element in the target page. That is, different components are displayed in different display modes to distinguish different components.
其中，第二区别显示方式可以为一种不同于第一区别显示方式的突出显示方式。具体地，可以通过不同颜色来突出显示不同的组件，也可以通过高亮显示、元素浮空显示等不同类型的显示方式来突出显示不同的组件。本申请不对用以区分不同组件的不同突出显示方式进行限定。示例性地，可参见图2B和图2C所示的目标页面，当黑色光标从图2B的页面元素e1处移动至图2C中的页面元素e3处时，页面元素e3以边框加粗的显示方式显示，可以看出，图2C中页面元素e3的显示方式相较于页面元素e2和页面元素e4的显示方式更为突出醒目，同时也不同于图2B中页面元素e1的显示方式。Wherein, the second differentiated display manner may be a highlight display manner different from the first differentiated display manner. Specifically, different components can be highlighted through different colors, and different components can also be highlighted through different types of display methods such as highlight display and element floating display. The present application does not limit the different highlighting manners used to distinguish different components. Exemplarily, referring to the target pages shown in FIG. 2B and FIG. 2C , when the black cursor moves from the page element e1 in FIG. 2B to the page element e3 in FIG. 2C , the page element e3 is displayed with a bold border. It can be seen that the display mode of the page element e3 in FIG. 2C is more prominent and eye-catching than the display modes of the page element e2 and the page element e4, and is also different from the display mode of the page element e1 in FIG. 2B.
通过以不同的突出显示方式显示不同的组件对应的页面元素，不仅能够实现对不同组件的区分，还能便于查看页面的人员更快地找到组件对应的页面元素，从而能够有利于对目标页面的页面元素的实现构成进行全方位地了解。By displaying page elements corresponding to different components in different highlighting methods, not only can different components be distinguished, but it is also convenient for people viewing the page to find the page elements corresponding to the components more quickly, which is beneficial to the target page. A comprehensive understanding of the implementation composition of page elements.
可选地，在一些可能的情况中，上述方法还可以包括如下步骤：在检测到页面触件在第一页面元素所在的位置处停留的时间超过预设阈值的情况下，显示第一组件的组件信息。Optionally, in some possible situations, the above-mentioned method may further include the following step: in the case that the time it is detected that the page trigger stays at the position where the first page element is located exceeds a preset threshold, displaying the first component's Component information.
这里，预设阈值为预先设置的用于衡量页面触件的停留时间长短的阈值，具体可以设置为10s、20s、1分钟等。第一组件的组件信息包含对第一组件的详情介绍，包括但不限于第一组件的来源、第一组件的分类、第一组件的版本、第一组件的开发者、第一组件的大小等。Here, the preset threshold is a preset threshold used to measure the dwell time of the page touch, which may be specifically set to 10s, 20s, 1 minute, or the like. The component information of the first component contains detailed introduction to the first component, including but not limited to the source of the first component, the classification of the first component, the version of the first component, the developer of the first component, the size of the first component, etc. .
具体地，可以直接在目标页面内显示第一组件的组件信息，例如，可以通过在目标页面内通过页面弹窗的方式显示第一组件的组件信息；可选地，也可以跳转显示第一组件的组件信息，即在一个不同于目标页面的新页面中显示第一组件的组件信息。本申请不同第一组件的组件信息的显示方式进行限定。通过显示组件的组件信息，能够有助于查看页面的人员了解组件的具体情况。Specifically, the component information of the first component can be directly displayed in the target page. For example, the component information of the first component can be displayed in the target page through a page popup window; optionally, the first component can also be displayed in a jump. The component information of the component, that is, displaying the component information of the first component in a new page different from the target page. The present application defines the display manner of the component information of the different first components. By displaying the component information of the component, it can help the person viewing the page to understand the specific situation of the component.
在一种可能的实施方式中，可以从服务器处获取第一组件的组件信息。具体地，电子设备可以向组件服务发送信息获取请求，信息获取请求中携带第一组件的组件标识；然后接收组件服务器根据组件标识发送的第一组件的组件信息。In a possible implementation manner, the component information of the first component may be obtained from the server. Specifically, the electronic device may send an information acquisition request to the component service, where the information acquisition request carries the component identifier of the first component; and then receives the component information of the first component sent by the component server according to the component identifier.
其中，目标页面所属的网站/应用系统对应的服务器可以有一个或多个，组件服务器为目标页面所属的网站/应用系统对应的服务器中的其中一个。组件服务器可包括组件数据库，组件数据库用于存储目标页面所属的网站/应用系统中的所有组件以及各组件的组件信息。第一组件的标识用于在组件数据库中唯一标识第一组件。There may be one or more servers corresponding to the website/application system to which the target page belongs, and the component server is one of the servers corresponding to the website/application system to which the target page belongs. The component server may include a component database, where the component database is used to store all components in the website/application system to which the target page belongs and component information of each component. The identifier of the first component is used to uniquely identify the first component in the component database.
当组件服务器接收到信息获取请求后，可以根据第一组件的组件标识在组件数据库中查询第一组件和第一组件的组件信息，在查询到第一组件的组件信息后，组件服务器将查询到的第一组件的组件信息发送给电子设备。通过从服务器获取组件信息的方式，能够节省电子设备的本地存储空间。After the component server receives the information acquisition request, it can query the first component and the component information of the first component in the component database according to the component identifier of the first component. After querying the component information of the first component, the component server will query the The component information of the first component is sent to the electronic device. By acquiring the component information from the server, the local storage space of the electronic device can be saved.
在另一种可能的实施方式中，也可以从本地获取第一组件的组件信息。具体地，当电子设备向网站/应用系统对应的服务器发送页面访问请求时，网站/应用系统对应的服务器可将第一组件的组件信息携带在页面资源中发送给电子设备，电子设备将页面资源保存在本地；当需要显示显示第一组件的组件信息时，电子设备从本地保存的页面资源中获取第一组件的组件信息。通过从本地获取第一组件的组件信息的方式，能够实现对第一组件的组件信息的快速获取，从而能够实现对第一组件的组件信息的快速显示。In another possible implementation manner, the component information of the first component may also be obtained locally. Specifically, when the electronic device sends a page access request to the server corresponding to the website/application system, the server corresponding to the website/application system can carry the component information of the first component in the page resource and send it to the electronic device, and the electronic device sends the page resource to the electronic device. Stored locally; when the component information of the first component needs to be displayed, the electronic device acquires the component information of the first component from the locally stored page resource. By acquiring the component information of the first component locally, the component information of the first component can be quickly acquired, so that the component information of the first component can be quickly displayed.
可选地，在一些可能的情况中，上述方法还可以包括如下步骤B1-B3。Optionally, in some possible cases, the above method may further include the following steps B1-B3.
B1、在获取到第一组件对应的编辑指令的情况下，显示第一组件的编辑页面。B1. Display the editing page of the first component when the editing instruction corresponding to the first component is obtained.
这里，第一组件对应的编辑指令可以由用户发出，用于指示对第一组件进行编辑。具体地，可以检测用户在目标页面上对第一页面元素的操作，当该对第一页面元素的操作为预设的用于触发编辑第一组件的操作时，则确定获取到第一组件对应的编辑指令。示例性地，可参见图2D，第一页面元素为前述图2A中的页面元素e1，当用户在图2D中点击“组件编辑”选项时，则获取到第一组件对应的编辑指令。Here, the editing instruction corresponding to the first component may be issued by the user to instruct to edit the first component. Specifically, the user's operation on the first page element on the target page can be detected, and when the operation on the first page element is a preset operation for triggering editing of the first component, it is determined that the corresponding first component is obtained. edit command. For example, referring to FIG. 2D , the first page element is the page element e1 in the aforementioned FIG. 2A . When the user clicks the “component editing” option in FIG. 2D , the editing instruction corresponding to the first component is obtained.
这里，第一组件的编辑页面为用于编辑第一组件的页面，通过第一组件的编辑页面，可以对第一组件的组件信息、第一组件对应的实现代码(即用于实现第一页面元素的代码)等与第一组件相关联的信息进行编辑或修改。Here, the editing page of the first component is a page for editing the first component, and through the editing page of the first component, the component information of the first component and the implementation code corresponding to the first component (that is, for realizing the first page element code) and other information associated with the first component are edited or modified.
B2、通过第一组件的编辑页面获取第一组件的编辑信息。B2. Obtain the editing information of the first component through the editing page of the first component.
这里，第一组件的编辑信息是指用户在第一组件的编辑页面中对与第一组件相关联的信息进行编辑或修改后得到的信息。Here, the editing information of the first component refers to the information obtained after the user edits or modifies the information associated with the first component on the editing page of the first component.
B3、根据第一组件的编辑信息更新第一组件。B3. Update the first component according to the editing information of the first component.
具体地，在获取到第一组件的编辑信息后，可以将获取到的第一组件的编辑信息发送给组件服务器，组件服务器将第一组件的编辑信息保存至组件数据库，从而完成对第一组件的更新。Specifically, after obtaining the editing information of the first component, the obtained editing information of the first component may be sent to the component server, and the component server saves the editing information of the first component to the component database, thereby completing the editing of the first component. 's update.
在获取到对组件的编辑指令时，直接显示组件的编辑页面，并根据对组件的编辑信息更新组件，这样能够方便开发人员随时对组件进行修改。When the editing instruction of the component is obtained, the editing page of the component is directly displayed, and the component is updated according to the editing information of the component, which can facilitate the developer to modify the component at any time.
可选地，在一些可能的情况中，更新完第一组件之后，还可以根据更新后的第一组件更新第一页面元素。Optionally, in some possible situations, after the first component is updated, the first page element may also be updated according to the updated first component.
具体地，在更新完第一组件后，可以更新后的第一组件，执行更新后的第一组件的代码，从而更新第一页面元素。在组件更新后直接更新组件对应的页面元素，能够便于开发人员或产品人员直接了解组件的效果，从而有利于对页面的修改。Specifically, after the first component is updated, the updated first component may execute the code of the updated first component, thereby updating the first page element. After the component is updated, the page element corresponding to the component is directly updated, which can facilitate developers or product personnel to directly understand the effect of the component, thereby facilitating the modification of the page.
参见图3，图3是本申请实施例提供的一种页面显示装置的结构示意图。如图3所示，该页面显示装置30包括：Referring to FIG. 3 , FIG. 3 is a schematic structural diagram of a page display apparatus provided by an embodiment of the present application. As shown in FIG. 3, the page display device 30 includes:
位置获取模块301，用于在检测到目标页面打开的情况下，获取页面触件在所述目标页面内的目标位置；a
显示模块302，用于在所述目标位置为所述目标页面内的第一页面元素所在的位置的情况下，以第一区别显示方式显示所述第一页面元素；所述第一页面元素为第一组件对应的页面元素，所述第一组件为所述目标页面对应的任一组件，所述第一区别显示方式不同于所述目标页面内的第二页面元素的显示方式，所述第二页面元素为非组件对应的页面元素。The
在一种可能的设计中，上述显示模块302还用于：在所述目标位置为所述目标页面内的第三页面元素所在的位置的情况下，以第二区别显示方式显示所述第三页面元素，所述第三页面元素为第二组件对应的页面元素，所述第二组件为所述目标页面对应的不同于所述第一组件的任一组件，所述第二区别显示方式不同于所述第一区别显示方式且不同于所述第二页面元素的显示方式。In a possible design, the above-mentioned
在一种可能的设计中，上述显示模块302还用于：在检测到所述页面触件在所述第一页面元素所在的位置处停留的时间超过预设阈值的情况下，显示所述第一组件的组件信息。In a possible design, the above-mentioned
在一种可能的设计中，上述页面显示装置30还包括组件信息获取模块303，用于向组件服务器发送信息获取请求，所述信息获取请求携带所述第一组件的组件标识；接收所述组件服务器根据所述组件标识发送的所述第一组件的组件信息。In a possible design, the above-mentioned page display apparatus 30 further includes a component
在一种可能的设计中，上述获取模块301还用于：获取目标位置对应的网页代码；在所述网页代码中存在预设代码标识的情况下，确定所述目标位置为所述第一页面元素所在的位置。In a possible design, the above obtaining
在一种可能的设计中，上述显示模块302还用于在获取到所述第一组件对应的编辑指令的情况下，显示所述第一组件的编辑页面；通过所述编辑页面获取所述第一组件的编辑信息；In a possible design, the above-mentioned
上述页面显示装置30还包括更新模块304，用于根据所述第一组件的编辑信息更新所述第一组件。The above-mentioned page display apparatus 30 further includes an
在一种可能的设计中，上述更新模块304还用于：In a possible design, the above-mentioned
根据更新后的第一组件更新所述第一页面元素。The first page element is updated according to the updated first component.
需要说明的是，图3对应的实施例中未提及的内容可参见前述方法实施例的描述，这里不再赘述。It should be noted that, for the content not mentioned in the embodiment corresponding to FIG. 3 , reference may be made to the description of the foregoing method embodiment, which will not be repeated here.
上述装置，当检测到目标页面被打开时，获取页面触件在目标页面内的目标位置，并在目标位置为组件对应的页面元素所在的位置的情况下，以不同于页面中非组件对应的页面元素的显示方式显示组件对应的页面元素，实现了组件对应的页面元素与非组件对应的页面元素在显示上的区分，这样可以便于非开发人员了解页面中的页面元素的实现构成，有利于对页面进行更好地开发和修改。The above device, when it is detected that the target page is opened, obtains the target position of the page contact in the target page, and when the target position is the position of the page element corresponding to the component, it is different from the non-component corresponding to the page. The display mode of page elements shows the page elements corresponding to the components, which realizes the distinction between the page elements corresponding to the components and the page elements corresponding to the non-components in the display, which can facilitate the non-developers to understand the implementation structure of the page elements in the page, which is beneficial to Better development and modification of pages.
参见图4，图4是本申请实施例提供的一种计算机设备的结构示意图，该计算机设备40包括处理器401、存储器402以及显示部件403。存储器402、显示部件403连接至处理器401，例如通过总线连接至处理器401。Referring to FIG. 4 , FIG. 4 is a schematic structural diagram of a computer device provided by an embodiment of the present application. The computer device 40 includes a
处理器401被配置为支持该计算机设备40执行上述方法实施例中的方法中相应的功能。该处理器401可以是中央处理器(central processing unit，CPU)，网络处理器(network processor，NP)，硬件芯片或者其任意组合。上述硬件芯片可以是专用集成电路(application specific integrated circuit，ASIC)，可编程逻辑器件(programmablelogic device，PLD)或其组合。上述PLD可以是复杂可编程逻辑器件(complexprogrammable logic device，CPLD)，现场可编程逻辑门阵列(field-programmable gatearray，FPGA)，通用阵列逻辑(generic array logic，GAL)或其任意组合。The
存储器402用于存储程序代码等。存储器402可以包括易失性存储器(volatilememory，VM)，例如随机存取存储器(random access memory，RAM)；存储器402也可以包括非易失性存储器(non-volatile memory，NVM)，例如只读存储器(read-only memory，ROM)，快闪存储器(flash memory)，硬盘(hard disk drive，HDD)或固态硬盘(solid-state drive，SSD)；存储器402还可以包括上述种类的存储器的组合。The
显示部件403用于显示页面，具体地，显示部件403可用于显示上述页面显示方法中的目标页面、第一页面元素或第一组件的编辑页面等。其中，显示部件可以为显示器或触摸显示屏等。The
处理器401可以调用所述程序代码以执行以下操作：The
在检测到目标页面打开的情况下，获取页面触件在所述目标页面内的目标位置；In the case of detecting that the target page is opened, obtain the target position of the page touch in the target page;
在所述目标位置为所述目标页面内的第一页面元素所在的位置的情况下，以第一区别显示方式显示所述第一页面元素；所述第一页面元素为第一组件对应的页面元素，所述第一组件为所述目标页面对应的任一组件，所述第一区别显示方式不同于所述目标页面内的第二页面元素的显示方式，所述第二页面元素为非组件对应的页面元素。In the case where the target position is the position of the first page element in the target page, the first page element is displayed in a first differentiated display mode; the first page element is the page corresponding to the first component element, the first component is any component corresponding to the target page, the first differentiated display mode is different from the display mode of the second page element in the target page, and the second page element is a non-component the corresponding page element.
本申请实施例还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被计算机执行时使所述计算机执行如前述实施例所述的方法。Embodiments of the present application further provide a computer-readable storage medium, where the computer-readable storage medium stores a computer program, and the computer program includes program instructions, and the program instructions, when executed by a computer, cause the computer to execute as described above methods described in the examples.
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only memory，ROM)或随机存储记忆体(Random Accessmemory，RAM)等。Those of ordinary skill in the art can understand that all or part of the processes in the methods of the above embodiments can be implemented by instructing the relevant hardware through a computer program, and the program can be stored in a computer-readable storage medium, and the program is During execution, it may include the processes of the embodiments of the above-mentioned methods. Wherein, the storage medium may be a magnetic disk, an optical disk, a read-only memory (Read-Only memory, ROM) or a random access memory (Random Access memory, RAM) or the like.
以上所揭露的仅为本申请较佳实施例而已，当然不能以此来限定本申请之权利范围，因此依本申请权利要求所作的等同变化，仍属本申请所涵盖的范围。The above disclosures are only the preferred embodiments of the present application, and of course, the scope of the rights of the present application cannot be limited by this. Therefore, equivalent changes made according to the claims of the present application are still within the scope of the present application.
Claims (10)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210204983.5ACN114692036A (en) | 2022-03-02 | 2022-03-02 | Page display method, device, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210204983.5ACN114692036A (en) | 2022-03-02 | 2022-03-02 | Page display method, device, equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114692036Atrue CN114692036A (en) | 2022-07-01 |
Family
ID=82138081
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210204983.5APendingCN114692036A (en) | 2022-03-02 | 2022-03-02 | Page display method, device, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114692036A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2009087168A (en)* | 2007-10-01 | 2009-04-23 | Access Co Ltd | Content display device, content display method, and content display program |
| US20100011284A1 (en)* | 1999-05-20 | 2010-01-14 | Microsoft Corporation | Dynamic web page behavior |
| CN104331474A (en)* | 2014-11-03 | 2015-02-04 | 百度在线网络技术（北京）有限公司 | Page processing method and device |
| CN112882625A (en)* | 2021-02-10 | 2021-06-01 | 南京苏宁软件技术有限公司 | Element pickup method, element pickup device, computer equipment and storage medium |
| CN112905931A (en)* | 2021-01-25 | 2021-06-04 | 北京达佳互联信息技术有限公司 | Page information display method and device, electronic equipment and storage medium |
| CN113760289A (en)* | 2021-09-17 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | Method and device for drawing canvas |
- 2022
- 2022-03-02CNCN202210204983.5Apatent/CN114692036A/enactivePending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100011284A1 (en)* | 1999-05-20 | 2010-01-14 | Microsoft Corporation | Dynamic web page behavior |
| JP2009087168A (en)* | 2007-10-01 | 2009-04-23 | Access Co Ltd | Content display device, content display method, and content display program |
| CN104331474A (en)* | 2014-11-03 | 2015-02-04 | 百度在线网络技术（北京）有限公司 | Page processing method and device |
| CN112905931A (en)* | 2021-01-25 | 2021-06-04 | 北京达佳互联信息技术有限公司 | Page information display method and device, electronic equipment and storage medium |
| CN112882625A (en)* | 2021-02-10 | 2021-06-01 | 南京苏宁软件技术有限公司 | Element pickup method, element pickup device, computer equipment and storage medium |
| CN113760289A (en)* | 2021-09-17 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | Method and device for drawing canvas |
Non-Patent Citations (3)
| Title |
|---|
| 花颜#: "vue——点击按钮实现不同元素或组件显示和隐藏（切换）", pages 1 - 6, Retrieved from the Internet <URL:https://blog.csdn.net/weixin_42164004/article/details/115165848>* |
| 邓卫军，杨梅: "Vue.js 开发教程", vol. 2022, 28 February 2022, 上海交通大学出版社, pages: 7* |
| 钟良骥，徐斌，胡文杰著: "物联网技术与应用", vol. 2020, 31 October 2020, 华中科技大学出版社, pages: 147 - 148* |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8312383B2 (en) | Mashup application processing system | |
| US8392886B2 (en) | System, program product, and methods to enable visual recording and editing of test automation scenarios for web application | |
| WO2021184725A1 (en) | User interface test method and apparatus, storage medium, and computer device | |
| US20220365647A1 (en) | Application Bar Display Method and Electronic Device | |
| US12321723B2 (en) | Code execution and data processing pipeline | |
| US20180024816A1 (en) | Code snippet content recommendation to define an object literal | |
| US20110271184A1 (en) | Client application and web page integration | |
| WO2024000955A1 (en) | Page hot update method and apparatus, device, and storage medium | |
| CN113157374A (en) | Page mode switching method, device, equipment and storage medium | |
| CN113032273A (en) | Application program debugging method and device, computer equipment and storage medium | |
| CN106155654B (en) | Method and device for shielding webpage operation and electronic equipment | |
| WO2019136964A1 (en) | Text selecting method and terminal | |
| CN117389538A (en) | Page component content development method, device, equipment and storage medium | |
| US20140365997A1 (en) | Object property-value specification using pop-up graphical interfaces | |
| CN115454400A (en) | Processing method, device, equipment, medium and program product of interface parameters | |
| US9529487B1 (en) | Method of providing fast switching to web apps | |
| CN114692036A (en) | Page display method, device, equipment and storage medium | |
| CN108268298B (en) | Desktop icon generation method and device, storage medium and electronic equipment | |
| CN113765731A (en) | Information processing method, device and computer readable storage medium | |
| US11126406B1 (en) | Embedded application programming interface explorer | |
| CN105242849A (en) | Text translation method and electronic device | |
| CN115982486B (en) | A method and device for optimizing memory | |
| CN113779438B (en) | Webpage text information processing method and device and terminal equipment | |
| CN114969610B (en) | Page processing method and device | |
| CN113569182B (en) | Data processing method, device, storage medium and electronic device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |