WO2020010725A1 - 自动同步刷新浏览器的方法、装置及计算机设备 - Google Patents

自动同步刷新浏览器的方法、装置及计算机设备 Download PDF

Info

Publication number
WO2020010725A1
WO2020010725A1 PCT/CN2018/108776 CN2018108776W WO2020010725A1 WO 2020010725 A1 WO2020010725 A1 WO 2020010725A1 CN 2018108776 W CN2018108776 W CN 2018108776W WO 2020010725 A1 WO2020010725 A1 WO 2020010725A1
Authority
WO
WIPO (PCT)
Prior art keywords
code
browser
file
code file
monitoring service
Prior art date
Application number
PCT/CN2018/108776
Other languages
English (en)
French (fr)
Inventor
吴俊强
Original Assignee
平安科技（深圳）有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 平安科技（深圳）有限公司 filed Critical 平安科技（深圳）有限公司
Publication of WO2020010725A1 publication Critical patent/WO2020010725A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/60—Software deployment
    • G06F8/65—Updates
    • G06F8/656—Updates while running

Definitions

  • the present application relates to the field of front-end development technology, and in particular, to a method, an apparatus, and a computer device for automatically and synchronously refreshing a browser.
  • the front end In the process of system program development on the Web side, if the code changes, the system needs to be restarted to read the configuration file. As the complexity of the system increases, the restart time will continue to increase. Specifically, in the previous traditional website development, the front end generally played only the task of cutting pictures, and simply implemented the prototype diagram provided by the UI designer into a static HTML page, and the specific page interaction logic, such as with the background Data interaction work, etc., may be implemented by developers in the background, or the front-end is tightly coupled to the background.
  • the purpose of this application is to provide a method, device and computer equipment for automatically and synchronously refreshing a browser, which are used to solve the problems existing in the prior art.
  • the present application provides a method for automatically and synchronously refreshing a browser, including the following steps: starting a code change monitoring service, wherein the code change monitoring service is used to monitor code file updates during development; Describes whether the code change monitoring service detects an update of a code file; when the code change monitoring service detects an update of a code file, determines that an updated code file appears; obtains the updated code file; calls a preset browser refresh module
  • the browser refresh module is used to automatically refresh the browser; the browser refresh module automatically refreshes the original code file corresponding to the updated code file by using the obtained updated code file, To automatically refresh the browser.
  • the present application also provides a device for automatically and synchronously refreshing a browser, which includes: a startup unit for starting a code change monitoring service, wherein the code change monitoring service is used to monitor a code file during development.
  • a determination unit for determining whether the code change monitoring service detects an update of a code file; a determination unit for determining that an updated code file appears when the code change monitoring service detects an update of a code file;
  • An obtaining unit for obtaining an updated code file; a calling unit for invoking a preset browser refresh module, the browser refresh module for automatically refreshing the browser; a refresh unit for browsing through the browser
  • the browser refresh module automatically refreshes the original code file corresponding to the updated code file by using the acquired updated code file to automatically and synchronously refresh the browser.
  • the present application further provides a computer device including a memory, a processor, and a computer program stored on the memory and executable on the processor.
  • the processor executes the computer program, automatic synchronous refresh browsing is implemented.
  • the following steps of the method of the browser start a code change monitoring service, wherein the code change monitoring service is used to monitor code file updates during development; determine whether the code change monitoring service detects an update of the code file; when all When the code change monitoring service detects an update of a code file, it determines that an updated code file appears; obtains the updated code file; calls a preset browser refresh module, which is used to automatically refresh the browser Using the browser refresh module to automatically refresh the original code file corresponding to the updated code file by using the acquired updated code file to automatically and synchronously refresh the browser.
  • the present application also provides a computer-readable storage medium on which a computer program is stored.
  • a code change monitoring service is started, where The code change monitoring service is used to monitor the update of the code file during development; determine whether the code change monitoring service detects an update of the code file; when the code change monitoring service detects an update of the code file, determine An updated code file appears; an updated code file appears; a preset browser refresh module is invoked, the browser refresh module is used to automatically refresh the browser; and the obtained refresh is used by the browser refresh module
  • the updated code file automatically refreshes the original code file corresponding to the updated code file to automatically and synchronously refresh the browser.
  • This application uses a preset code update monitoring service that listens for code file updates during development.
  • the monitoring service is started; it is determined whether the code change monitoring service detects an update of the code file; when the code change monitoring service detects When the code file is updated, it is determined that the updated code file appears; obtain the updated code file; call the preset browser refresh module, the browser refresh module is used to automatically refresh the browser; the browser refresh module uses the acquisition
  • the updated code file that appears will automatically refresh the original code file corresponding to the updated code file that appears on the browser to automatically and synchronously refresh the browser.
  • FIG. 1 is a flowchart of a method for automatically and synchronously refreshing a browser according to an embodiment of the present application
  • FIG. 2 is a flowchart of configuring a listening file for this application
  • FIG. 3 is a schematic diagram of a program module of an apparatus for automatically refreshing a browser according to an embodiment of the present application
  • FIG. 4 is a schematic diagram of a hardware structure of a device for automatically refreshing a browser according to an embodiment of the present application.
  • Gulp tool It is a tool for building code in the front-end development process and a tool for building automation projects; it can not only optimize website resources, but also many repetitive tasks in the development process can be automatically completed using the correct tools.
  • SASS tool a CSS development tool, Cascading Style Sheets (English: Cascading Style Sheets) is used to express HTML (an application of the standard universal markup language) or XML (a subset of the standard universal markup language) And other file-style computer languages.
  • Pug tool It is a html template engine based on haml. It is implemented in Java cript and can be easily used in frameworks such as Node.js and Yeoman.
  • Gulp-autoprefixer module A tool for setting browser versions to automatically handle browser prefixes.
  • Browser-sync module It is a browser synchronization test tool. Browsersync allows the browser to respond to file changes (html, js, css, sass, less, etc.) in real time and quickly, and automatically refresh the page.
  • NPM tool is a package management tool installed with NodeJS, which can solve many problems in NodeJS code deployment.
  • the method, device, computer equipment and storage medium provided by the present application for automatically and synchronously refreshing a browser are applicable to the field of front-end development technology, and provide a method for developers to automatically and synchronously refresh the browser according to code updates during the development of the front-end website.
  • This application uses a preset code update monitoring service that listens for code file updates during development.
  • the monitoring service is started; it is determined whether the code change monitoring service detects an update of the code file; when the code change monitoring service detects When the code file is updated, it is determined that the updated code file appears; obtain the updated code file; call the preset browser refresh module, the browser refresh module is used to automatically refresh the browser; the browser refresh module uses the acquisition
  • the updated code file that appears will automatically refresh the original code file corresponding to the updated code file that appears on the browser to automatically and synchronously refresh the browser.
  • a method for automatically and synchronously refreshing a browser in this embodiment includes the following steps:
  • Step S101 Start a code change monitoring service, where the code change monitoring service is used to monitor the update of a code file during development.
  • a code change monitoring service for monitoring code file updates is configured in advance, and the monitoring service monitors code updates and controls automatic synchronous refresh on the browser.
  • the code change monitoring service includes at least one of the following: a Gulp tool, a browser refresh module, a SASS tool, a Pug tool, and a Gulp-autoprefixer module; wherein the browser refresh module is a Browser-sync module.
  • the startup code change monitoring service specifically includes: starting the Gulp tool; loading the browser refresh module, the SASS tool, the Pug tool, and the Gulp-autoprefixer module in order to complete the startup of the project service.
  • the project server is independent of the back end and provides a running environment for the front end. After enabling this service, you only need to enter the default access address and the configured port number in the browser to access the system. You do not need to rely on the back end to provide services. Lightweight and fast.
  • step S102 it is determined whether the code change monitoring service detects an update of the code file.
  • the update of the code file includes at least one of the following: adding or changing functional items, modifying the interface, and modifying the processing logic.
  • the research and development personnel need to change the project code.
  • the project code under development is changed, such as adding or changing functional items, changing the interface, and optimizing. Processing logic, etc., after modifying the code, save the code file.
  • the code change monitoring service can determine whether there is an update of the code file by monitoring whether there is an operation to save the code file. When there is an operation to save the code file, it is determined that there is an update of the code file; otherwise, there is no update of the code file.
  • step S103 when a code file update is detected, step S103 is performed; if it is not detected, the monitoring judgment is continued.
  • step S103 it is determined that an updated code file appears.
  • the currently updated code file may be determined through attributes such as "modification time".
  • the stored code file may have corresponding attributes such as name, modification time, type, and size.
  • the modification time records the latest modification time of the code file
  • the type records the file type of the code file
  • the size records the code file occupation. The amount of storage space.
  • Step S104 Obtain an updated code file.
  • step S105 a preset browser refresh module is called, and the browser refresh module is used to automatically refresh the browser.
  • the browser refresh module may refer to a Browser-sync module, and may be configured in an automation script of a code change monitoring service.
  • step S106 the browser refresh module uses the obtained updated code file to automatically refresh the original code file corresponding to the updated code file to automatically and synchronously refresh the browser.
  • the browser still The run shows the original code file before modification.
  • the modified and updated code file can correspond to the original code file by the file name, etc.
  • the browser triggers the updated code file to replace the original code file. To achieve refresh.
  • the code update monitoring service is monitored through a preset code that listens for code file updates during development.
  • the monitoring service is started; it is determined whether the code change monitoring service detects an update of the code file; when the code When the change monitoring service detects an update of the code file, it determines that the updated code file appears; obtains the updated code file; calls a preset browser refresh module, and the browser refresh module is used to automatically refresh the browser; through the browser
  • the refresh module uses the obtained updated code file to automatically refresh the original code file corresponding to the updated code file on the browser to automatically and synchronously refresh the browser.
  • the monitoring file needs to be configured, which specifically includes:
  • step S1 a global Gulp tool is installed on the front-end system to generate a running environment required for code development.
  • step S2 the Gulp tool is separately configured for each development project under the running environment, so that the running environment is individually configured for each development project.
  • Step S3 obtaining a configuration file corresponding to each development project, where the configuration file includes file names of all corresponding projects.
  • Step S4 Mark the names of the files in the configuration file that need to be monitored.
  • the specific way to configure the listening file may be: first enter a command, you can use fitbash or the command console cmd, etc .; then create a project folder, configure the global file, install the Gulp tool; then in the current project Enter the Gulp installation command in the folder, that is, after installing Gulp globally, you need to install it separately in each project that you want to use Gulp. Finally, configure the project's configuration file. In the process of configuring the configuration file, mark the name of the file that needs to be monitored, so that when starting the project service, use the mark to identify the file to be monitored and change its content. monitor.
  • the Gulp tool installation process includes:
  • starting the code change monitoring service in the embodiment of the present application includes: starting a monitoring function of the code change monitoring service; using the code change monitoring service to read a configuration file, and determining from the configuration file that a marked code file exists, As the code file to be monitored; use the code change monitoring service to monitor the code file with the mark.
  • the code update monitoring service reads the configuration file, obtains the identifier of the code file to be monitored, and monitors it in real time.
  • the pre-marked code file can be determined in the configuration file as the code file to be monitored.
  • the browser is updated, only the part of the code file is updated, so that the configured code file can be monitored in real time at a fixed point, reducing the number of code files. Coupling.
  • automatically refreshing the original code file corresponding to the updated code file by using the acquired updated code file through the browser refresh module includes performing a task of re-reading the file.
  • the task is used to read the updated code file; use the read updated code file to update the static resources on the back end of the server, and use the Browser-sync module to refresh the system to obtain the updated static resources again.
  • an Npm tool may be configured on the system, which includes third-party tool libraries such as Gulp and browser-sync.
  • third-party tool libraries such as Gulp and browser-sync.
  • the device 10 for automatically and synchronously refreshing a browser may include or be divided into one or more program modules, one or more
  • the program module is stored in a storage medium and executed by one or more processors to complete the present application, and can implement the above-mentioned method of automatically and synchronously refreshing a browser.
  • the program module referred to in the present application refers to a series of computer program instruction segments capable of performing specific functions, and is more suitable for describing the execution process of the device 10 for automatically and synchronously refreshing a browser in a storage medium than the program itself.
  • the following description will specifically introduce the functions of the program modules of this embodiment:
  • the starting unit 31 is configured to start a code change monitoring service, wherein the code change monitoring service is used to monitor an update of a code file during development.
  • a code change monitoring service for monitoring code file updates is configured in advance, and the monitoring service monitors code updates and controls automatic synchronous refresh on the browser.
  • the determining unit 32 is configured to determine whether the code change monitoring service detects an update of a code file.
  • a determining unit 33 is configured to determine that an updated code file appears when the code change monitoring service detects an update of a code file.
  • the currently updated code file may be determined through attributes such as "modification time".
  • the obtaining unit 34 is configured to obtain an updated code file.
  • the calling unit 35 is configured to call a preset browser refresh module, and the browser refresh module is configured to automatically refresh the browser.
  • the browser refresh module may refer to a Browser-sync module, and may be configured in an automation script of a code change monitoring service.
  • a refresh unit 36 configured to automatically refresh the original code file corresponding to the updated code file by using the acquired updated code file through the browser refresh module, so as to automatically and synchronously refresh the browser .
  • the code update monitoring service is monitored through a preset code that listens for code file updates during development.
  • the monitoring service is started; it is determined whether the code change monitoring service detects an update of the code file; when the code When the change monitoring service detects an update of the code file, it determines that the updated code file appears; obtains the updated code file; calls a preset browser refresh module, and the browser refresh module is used to automatically refresh the browser; through the browser
  • the refresh module uses the obtained updated code file to automatically refresh the original code file corresponding to the updated code file on the browser to automatically and synchronously refresh the browser.
  • the apparatus described in the embodiment of the present application further includes: a configuration monitoring file unit for globally installing a Gulp tool on the front-end system to generate a running environment required for code development; and for each development under the running environment The project separately configures the Gulp tool to individually configure the running environment for each development project; obtains a configuration file corresponding to each development project, wherein the configuration file contains the file names of all corresponding projects; The name of the file being monitored is marked.
  • the startup unit is further configured to start a monitoring function of the code change monitoring service; use the code change monitoring service to read the configuration file, and determine a code file in which the tag exists from the configuration file, as A code file to be monitored; and using the code change monitoring service to monitor a code file with a mark.
  • the startup unit is further configured to start the Gulp tool; load the browser refresh module, the SASS tool, the Pug tool, and the Gulp-autoprefixer module in order.
  • the refresh unit is further configured to perform a task of re-reading a file, wherein the task is used to read the code file of the occurrence update; and update the server by using the code file of the occurrence update that is read.
  • the Browser-sync module is used to refresh the system to obtain the updated static resources again.
  • This embodiment also provides a computer device, such as a smart phone, tablet computer, notebook computer, desktop computer, rack server, blade server, tower server, or rack server (including a stand-alone server, or Server cluster consisting of multiple servers) and so on.
  • the computer device 20 of this embodiment includes, but is not limited to, a memory 21 and a processor 22 that can be communicatively connected to each other through a system bus, as shown in FIG. 4. It should be noted that FIG. 4 only shows the computer device 20 having components 21-22, but it should be understood that it is not required to implement all the illustrated components, and more or fewer components may be implemented instead.
  • the memory 21 includes a readable storage medium, and specifically includes a flash memory, a hard disk, a multimedia card, a card-type memory (for example, SD or DX memory, etc.), a random access memory (RAM), and a static random access memory (SRAM). , Read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), programmable read-only memory (PROM), magnetic memory, magnetic disks, optical disks, etc.
  • the memory 21 may be an internal storage unit of the computer device 20, such as a hard disk or a memory of the computer device 20.
  • the memory 21 may also be an external storage device of the computer device 20, for example, a plug-in hard disk, a smart memory card (SMC), and a secure digital (Secure Digital, SD) card, Flash card, etc.
  • the memory 21 may also include both the internal storage unit of the computer device 20 and its external storage device.
  • the memory 21 is generally used to store an operating system and various application software installed on the computer device 20, for example, the program code of the apparatus 10 for automatically refreshing the browser in the embodiment.
  • the memory 21 may also be used to temporarily store various types of data that have been output or are to be output.
  • the processor 22 may be a central processing unit (CPU), a controller, a microcontroller, a microprocessor, or other data processing chips in some embodiments.
  • the processor 22 is generally used to control the overall operation of the computer device 20.
  • the processor 22 is configured to run program code or process data stored in the memory 21, for example, to run the device 10 for automatically and synchronously refreshing a browser, so as to implement the method for automatically and synchronously refreshing the browser of the embodiment.
  • This embodiment also provides a computer-readable storage medium, such as a flash memory, a hard disk, a multimedia card, a card-type memory (for example, SD or DX memory, etc.), a random access memory (RAM), a static random access memory (SRAM), Read memory (ROM), electrically erasable programmable read-only memory (EEPROM), programmable read-only memory (PROM), magnetic memory, magnetic disks, optical disks, servers, App application stores, etc., which have computer programs stored on them, When the program is executed by the processor, the corresponding function is realized.
  • the computer-readable storage medium of this embodiment is used to store the device 10 for automatically and synchronously refreshing a browser, and when executed by a processor, implements the method for automatically and synchronously refreshing a browser of the embodiment.

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Security & Cryptography (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)
  • Stored Programmes (AREA)

Abstract

一种自动同步刷新浏览器的方法、装置及计算机设备，通过预先设置的在开发过程中监听代码文件的更新的代码更新监听服务，在开发过程中，启动该监听服务；判断代码变更监听服务是否检测到代码文件的更新；当代码变更监听服务检测到代码文件的更新时，确定出现更新的代码文件；获取出现更新的代码文件；调用预先设置的浏览器刷新模块，浏览器刷新模块用于对浏览器进行自动刷新；通过浏览器刷新模块利用获取到的出现更新的代码文件自动刷新浏览器上与出现更新的代码文件对应的原始代码文件，以对浏览器进行自动同步刷新。

Description

自动同步刷新浏览器的方法、装置及计算机设备
本申请申明享有2018年7月10日递交的申请号为CN 201810749421.2、名称为“自动同步刷新浏览器的方法、装置及计算机设备”的中国专利申请的优先权，该中国专利申请的整体内容以参考的方式结合在本申请中。
技术领域
本申请涉及前端开发技术领域，尤其涉及一种自动同步刷新浏览器的方法、装置及计算机设备。
背景技术
在Web端进行系统程序开发过程中，如果代码变更时，需要重新启动系统读取配置文件，随着系统复杂度的增加，重启时间也会不断的增加。具体地，在以前传统的网站开发中，前端一般扮演的只是切图的工作，只是简单地将UI设计师提供的原型图实现成静态的HTML页面，而具体的页面交互逻辑，比如与后台的数据交互工作等，可能都是由后台的开发人员来实现的，或者是前端是紧紧的耦合后台。而且更有可能后台人员直接兼顾前端的工作，一边实现API接口，一边开发页面，两者互相切换着做，而且根据不同的url动态拼接页面，这也导致后台的开发压力大大增加。前后端工作分配不均。不仅仅开发效率慢，而且代码难以维护。代码变更时，需要重新启动系统读取配置文件，随着系统复杂度的增加重启时间不断的增加。很多配置文件是和当前开发项无关的，也必须加载。由于其系统架构原因无法独立前端进行单独开发，导致需要加载很多不必要的东西。
另一方面，开发人员在进行前端开发时，经常需要使用到多个设备，多个设备会具有多个屏幕，比如工程师经常会遇到需要双屏开发的情况，在一个屏幕上写代码，然后在扩展屏幕上放着浏览器观察代码效果。这样的缺点就是，需要开发人员实时刷新浏览器，看看代码运行是否正常。可是把鼠标从两个屏幕滑来滑去，很麻烦，而且每个网页在不同设备的浏览器里，测试时间呈指数级增长，无论是PC还是移动端。
发明内容
本申请的目的是提供一种自动同步刷新浏览器的方法、装置及计算机设备，用于解决现有技术存在的问题。
为实现上述目的，本申请提供一种自动同步刷新浏览器的方法，包括以下步骤：启动 代码变更监听服务，其中，所述代码变更监听服务用于在开发过程中监听代码文件的更新；判断所述代码变更监听服务是否检测到代码文件的更新；当所述代码变更监听服务检测到代码文件的更新时，确定出现更新的代码文件；获取出现更新的代码文件；调用预先设置的浏览器刷新模块，所述浏览器刷新模块用于对浏览器进行自动刷新；通过所述浏览器刷新模块利用获取到的所述出现更新的代码文件自动刷新与所述出现更新的代码文件对应的原始代码文件，以对所述浏览器进行自动同步刷新。
为实现上述目的，本申请还提供一种自动同步刷新浏览器的装置，其包括：启动单元，用于启动代码变更监听服务，其中，所述代码变更监听服务用于在开发过程中监听代码文件的更新；判断单元，用于判断所述代码变更监听服务是否检测到代码文件的更新；确定单元，用于当所述代码变更监听服务检测到代码文件的更新时，确定出现更新的代码文件；获取单元，用于获取出现更新的代码文件；调用单元，用于调用预先设置的浏览器刷新模块，所述浏览器刷新模块用于对浏览器进行自动刷新；刷新单元，用于通过所述浏览器刷新模块利用获取到的所述出现更新的代码文件自动刷新与所述出现更新的代码文件对应的原始代码文件，以对所述浏览器进行自动同步刷新。
为实现上述目的，本申请还提供一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现自动同步刷新浏览器的方法的以下步骤：启动代码变更监听服务，其中，所述代码变更监听服务用于在开发过程中监听代码文件的更新；判断所述代码变更监听服务是否检测到代码文件的更新；当所述代码变更监听服务检测到代码文件的更新时，确定出现更新的代码文件；获取出现更新的代码文件；调用预先设置的浏览器刷新模块，所述浏览器刷新模块用于对浏览器进行自动刷新；通过所述浏览器刷新模块利用获取到的所述出现更新的代码文件自动刷新与所述出现更新的代码文件对应的原始代码文件，以对所述浏览器进行自动同步刷新。
为实现上述目的，本申请还提供计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现自动同步刷新浏览器的方法的以下步骤：启动代码变更监听服务，其中，所述代码变更监听服务用于在开发过程中监听代码文件的更新；判断所述代码变更监听服务是否检测到代码文件的更新；当所述代码变更监听服务检测到代码文件 的更新时，确定出现更新的代码文件；获取出现更新的代码文件；调用预先设置的浏览器刷新模块，所述浏览器刷新模块用于对浏览器进行自动刷新；通过所述浏览器刷新模块利用获取到的所述出现更新的代码文件自动刷新与所述出现更新的代码文件对应的原始代码文件，以对所述浏览器进行自动同步刷新。
本申请通过预先设置的在开发过程中监听代码文件的更新的代码更新监听服务，在开发过程中，启动该监听服务；判断代码变更监听服务是否检测到代码文件的更新；当代码变更监听服务检测到代码文件的更新时，确定出现更新的代码文件；获取出现更新的代码文件；调用预先设置的浏览器刷新模块，浏览器刷新模块用于对浏览器进行自动刷新；通过浏览器刷新模块利用获取到的出现更新的代码文件自动刷新浏览器上与出现更新的代码文件对应的原始代码文件，以对浏览器进行自动同步刷新。利用预设的浏览器刷新模块自动刷新浏览器，无需开发人员手动刷新，方便开发人员进行效果查看。
附图说明
图1为本申请实施例的自动同步刷新浏览器的方法的流程图；
图2为本申请对监听文件进行配置的流程图；
图3为本申请实施例的自动同步刷新浏览器的装置的程序模块示意图；
图4为本申请实施例的自动同步刷新浏览器的装置的硬件结构示意图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本申请，并不用于限定本申请。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
在介绍本申请实施例的技术方案之前，先对本方案所涉及到的工具和模块进行说明：
Gulp工具：是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成。
SASS工具：是一种CSS的开发工具，层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的 一个子集)等文件样式的计算机语言。
Pug工具：是一款基于haml的html模版引擎，采用Java cript实现，可以方便地在Node.js、Yeoman等框架中使用。
Gulp-autoprefixer模块：用于设置浏览器版本自动处理浏览器前缀的工具。
Browser-sync模块：是浏览器同步测试工具，Browsersync能让浏览器实时、快速响应文件更改(html、js、css、sass、less等)并自动刷新页面。
NPM工具：是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。
本申请提供的自动同步刷新浏览器的方法、装置、计算机设备及存储介质，适用于前端开发技术领域，为开发人员在前端网站开发过程中，提供根据代码更新自动同步刷新浏览器的方法。本申请通过预先设置的在开发过程中监听代码文件的更新的代码更新监听服务，在开发过程中，启动该监听服务；判断代码变更监听服务是否检测到代码文件的更新；当代码变更监听服务检测到代码文件的更新时，确定出现更新的代码文件；获取出现更新的代码文件；调用预先设置的浏览器刷新模块，浏览器刷新模块用于对浏览器进行自动刷新；通过浏览器刷新模块利用获取到的出现更新的代码文件自动刷新浏览器上与出现更新的代码文件对应的原始代码文件，以对浏览器进行自动同步刷新。利用预设的浏览器刷新模块自动刷新浏览器，无需开发人员手动刷新，方便开发人员进行效果查看。
请参阅图1，本实施例的一种自动同步刷新浏览器的方法中，包括以下步骤：
步骤S101，启动代码变更监听服务，其中，代码变更监听服务用于在开发过程中监听代码文件的更新。
本申请实施例中，预先配置用于监听代码文件更新的代码变更监听服务，由该监听服务来监听代码的更新以及控制浏览器上自动同步刷新。
具体地，代码变更监听服务包括以下至少之一：Gulp工具、浏览器刷新模块、SASS工具、Pug工具、Gulp-autoprefixer模块；其中，浏览器刷新模块为Browser-sync模块。
启动代码变更监听服务具体包括：启动Gulp工具；依次加载浏览器刷新模块、SASS工具、Pug工具、Gulp-autoprefixer模块，用以完成项目服务的启动。该项目服务器独立于后端，为前端提供一个运行环境，启用这个服务后只需在浏览器输入默认访问地址和配置的端口号，就可以访问系统，不需要依赖后端提供服务，相对的较为轻便，速度快。
步骤S102，判断代码变更监听服务是否检测到代码文件的更新。
代码文件的更新包括以下至少之一：新增或变更功能项、修改界面、修改处理逻辑。
具体地，研发人员在进行开发过程中，需要改动项目代码，在此过程中，根据开发过程的实际情况，对正在开发的项目代码进行改动，例如，新增或变更功能项、化界面、优化处理逻辑等，修改完代码之后，保存代码文件。
由于开发人员在进行开发的过程中，只有代码保存了才能算是代码更新，因此，本申请实施例中，代码变更监听服务可以通过监听是否存在保存代码文件的操作来判断是否有代码文件的更新，当有保存代码文件的操作时，确定有代码文件的更新；反之，则没有代码文件的更新。
本申请实施例中，当检测到代码文件更新时，执行步骤S103；如果没有检测到，则继续进行监听判断。
步骤S103，确定出现更新的代码文件。
在检测到代码文件的更新之后，只需要找到产生保存操作的代码文件即可。一种可选的实施方式，可以通过“修改时间”等属性来确定当前更新的代码文件。具体地，存储的代码文件可以具有对应的名称、修改时间、类型和大小等属性，其中，修改时间记录该代码文件最近的修改时间，类型记录该代码文件的文件类型，大小记录该代码文件占用的存储空间大小。当开发人员在编辑修改代码文件之后，对修改后的代码文件进行保存。在只修改代码文件内容的情况下，更改该代码文件的修改时间为当前修改的时间，并重新计算该修改后的代码文件的大小。在进行更新的代码文件检测的过程中，检测代码文件的修改时间是否发生变化，当代码文件的修改时间发生变化，则确定该代码文件为更新的代码文件。
步骤S104，获取出现更新的代码文件。
在确定出更新的代码文件之后，获取该更新的代码文件，以便于进行针对性更新。
步骤S105，调用预先设置的浏览器刷新模块，浏览器刷新模块用于对浏览器进行自动刷新。
该浏览器刷新模块可以是指Browser-sync模块，可以是配置在代码变更监听服务的自动化脚本中。
步骤S106，通过浏览器刷新模块利用获取到的出现更新的代码文件自动刷新与出现更新的代码文件对应的原始代码文件，以对浏览器进行自动同步刷新。
由于代码都是以模块化的代码文件形式分布，当开发人员修改代码文件时，只是对代码文件中的代码进行修改编辑，并未刷新到浏览器当前运行的代码文件，因此，浏览器上 依然运行显示的是未修改前的原始代码文件，修改更新的代码文件与原始代码文件可以通过文件名等形成对应，当开发人员触发编译运行时，触发浏览器运行更新的代码文件替换掉原始代码文件，实现刷新。
根据本申请实施例，通过预先设置的在开发过程中监听代码文件的更新的代码更新监听服务，在开发过程中，启动该监听服务；判断代码变更监听服务是否检测到代码文件的更新；当代码变更监听服务检测到代码文件的更新时，确定出现更新的代码文件；获取出现更新的代码文件；调用预先设置的浏览器刷新模块，浏览器刷新模块用于对浏览器进行自动刷新；通过浏览器刷新模块利用获取到的出现更新的代码文件自动刷新浏览器上与出现更新的代码文件对应的原始代码文件，以对浏览器进行自动同步刷新。利用预设的浏览器刷新模块自动刷新浏览器，无需开发人员手动刷新，方便开发人员进行效果查看。
如图2所示，本申请实施例，在启动代码变更监听服务之前，还需要对监听文件进行配置，具体包括：
步骤S1，在前端系统全局安装Gulp工具，以生成代码开发所需的运行环境。
步骤S2，在运行环境下对每个开发项目单独配置Gulp工具，以对每个开发项目单独配置运行环境。
步骤S3，获取每个开发项目对应的配置文件，其中，配置文件包含有所有对应项目的文件名称。
步骤S4，对配置文件中需要进行监听的文件名称进行标记。
在一个具体的实施例中，配置监听文件具体方式可以是：首先输入命令，可以使用fitbash或者命令控制台cmd等；然后创建一个项目文件夹，配置全局文件，安装Gulp工具；之后在当前的项目文件夹下输入安装Gulp命令，即在全局安装Gulp后，还需要在每个要使用Gulp的项目中单独安装。最后配置该项目的配置文件，在配置该配置文件的过程中，对需要进行监听的文件名称进行标记，以便于启动项目服务时，通过该标记确定出待监听的文件，对其内容的变更进行监听。
Gulp工具的安装过程具体包括：
首先确保已经正确安装了nodejs环境。然后以全局方式安装Gulp：
npm install-g Gulp
全局安装Gulp后，还需要在每个要使用Gulp的项目中都单独安装一次。把目录切换到你的项目文件夹中，然后在命令行中执行：
npm install Gulp
如果想在安装的时候把Gulp写进项目package.json文件的依赖中，则可以加上--save-dev：
npm install--save-dev Gulp
这样就完成了Gulp的安装。
作为进一步可选的实施方式，本申请实施例的启动代码变更监听服务包括：启动代码变更监听服务的监听功能；利用代码变更监听服务读取配置文件，从配置文件中确定存在标记的代码文件，作为所要监听的代码文件；利用代码变更监听服务对存在标记的代码文件进行监听。
具体地，代码更新监听服务读取配置文件，获取需要监听的代码文件的标识，对其进行实时监听。可以通过配置文件中确定出预先进行标记的代码文件作为待监听的代码文件，更新浏览器时，仅更新该部分的代码文件，从而实现对配置的代码文件进行定点实时监控，降低代码文件之间的耦合性。
作为一种可选实施方式，本申请实施例中，通过浏览器刷新模块利用获取到的出现更新的代码文件自动刷与出现更新的代码文件对应的原始代码文件包括：执行文件重新读取的任务，其中，任务用于读取出现更新的代码文件；利用读取到的出现更新的代码文件更新服务器后端的静态资源，使用Browser-sync模块刷新系统重新获取更新后的静态资源。
具体地，本申请实施例可以系统上配置Npm工具，其包括Gulp、browser-sync等第三方工具库，启动Npm工具之后读取配置文件，再用Gulp工具对文件进行监听，当文件发生变更时，执行文件重新读取的任务，更新本地服务器静态资源，再使用browser-sync刷新系统重新获取静态资源。
通过采用Npm工具，可直接下载第三方的命令行程序或者文件到本地使用，更加便捷。
请继续参阅图3，示出了一种自动同步刷新浏览器的装置，在本实施例中，自动同步刷新浏览器的装置10可以包括或被分割成一个或多个程序模块，一个或者多个程序模块被存储于存储介质中，并由一个或多个处理器所执行，以完成本申请，并可实现上述自动同步刷新浏览器的方法。本申请所称的程序模块是指能够完成特定功能的一系列计算机程 序指令段，比程序本身更适合于描述自动同步刷新浏览器的装置10在存储介质中的执行过程。以下描述将具体介绍本实施例各程序模块的功能：
启动单元31，用于启动代码变更监听服务，其中，所述代码变更监听服务用于在开发过程中监听代码文件的更新。
本申请实施例中，预先配置用于监听代码文件更新的代码变更监听服务，由该监听服务来监听代码的更新以及控制浏览器上自动同步刷新。
判断单元32，用于判断所述代码变更监听服务是否检测到代码文件的更新。
确定单元33，用于当所述代码变更监听服务检测到代码文件的更新时，确定出现更新的代码文件。
在检测到代码文件的更新之后，只需要找到产生保存操作的代码文件即可。一种可选的实施方式，可以通过“修改时间”等属性来确定当前更新的代码文件。
获取单元34，用于获取出现更新的代码文件。
在确定出更新的代码文件之后，获取该更新的代码文件，以便于进行针对性更新。
调用单元35，用于调用预先设置的浏览器刷新模块，所述浏览器刷新模块用于对浏览器进行自动刷新。
该浏览器刷新模块可以是指Browser-sync模块，可以是配置在代码变更监听服务的自动化脚本中。
刷新单元36，用于通过所述浏览器刷新模块利用获取到的所述出现更新的代码文件自动刷新与所述出现更新的代码文件对应的原始代码文件，以对所述浏览器进行自动同步刷新。
根据本申请实施例，通过预先设置的在开发过程中监听代码文件的更新的代码更新监听服务，在开发过程中，启动该监听服务；判断代码变更监听服务是否检测到代码文件的更新；当代码变更监听服务检测到代码文件的更新时，确定出现更新的代码文件；获取出现更新的代码文件；调用预先设置的浏览器刷新模块，浏览器刷新模块用于对浏览器进行自动刷新；通过浏览器刷新模块利用获取到的出现更新的代码文件自动刷新浏览器上与出现更新的代码文件对应的原始代码文件，以对浏览器进行自动同步刷新。利用预设的浏览器刷新模块自动刷新浏览器，无需开发人员手动刷新，方便开发人员进行效果查看。
可选地，本申请实施例所述的装置还包括：配置监听文件单元，用于在前端系统全局安装Gulp工具，以生成代码开发所需的运行环境；在所述运行环境下对每个开发项目单 独配置Gulp工具，以对每个开发项目单独配置运行环境；获取每个开发项目对应的配置文件，其中，所述配置文件包含有所有对应项目的文件名称；对所述配置文件中需要进行监听的文件名称进行标记。
可选地，所述启动单元还用于启动所述代码变更监听服务的监听功能；利用所述代码变更监听服务读取所述配置文件，从所述配置文件中确定存在标记的代码文件，作为所要监听的代码文件；利用所述代码变更监听服务对存在标记的代码文件进行监听。
可选地，所述启动单元还用于启动所述Gulp工具；依次加载所述浏览器刷新模块、所述SASS工具、所述Pug工具、所述Gulp-autoprefixer模块。
可选地，所述刷新单元还用于执行文件重新读取的任务，其中，所述任务用于读取所述出现更新的代码文件；利用读取到的所述出现更新的代码文件更新服务器后端的静态资源，使用所述Browser-sync模块刷新系统重新获取更新后的静态资源。
本申请实施例的装置部分的功能描述具体见上述方法部分，这里不再赘述。
本实施例还提供一种计算机设备，如可以执行程序的智能手机、平板电脑、笔记本电脑、台式计算机、机架式服务器、刀片式服务器、塔式服务器或机柜式服务器(包括独立的服务器，或者多个服务器所组成的服务器集群)等。本实施例的计算机设备20至少包括但不限于：可通过系统总线相互通信连接的存储器21、处理器22，如图4所示。需要指出的是，图4仅示出了具有组件21-22的计算机设备20，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。
本实施例中，存储器21包括可读存储介质，具体包括包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，存储器21可以是计算机设备20的内部存储单元，例如该计算机设备20的硬盘或内存。在另一些实施例中，存储器21也可以是计算机设备20的外部存储设备，例如该计算机设备20上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)等。当然，存储器21还可以既包括计算机设备20的内部存储单元也包括其外部存储设备。本实施例中，存储器21通常用于存储安装于计算机设备20的操作系统和各类应用软件，例如实施例的自动同步刷新浏览器的装置10的程序代码等。此外，存储器21还可以用于暂时地存储已经输出或者将要输出的各类数据。
处理器22在一些实施例中可以是中央处理器(Central Processing Unit，CPU)、控制 器、微控制器、微处理器、或其他数据处理芯片。该处理器22通常用于控制计算机设备20的总体操作。本实施例中，处理器22用于运行存储器21中存储的程序代码或者处理数据，例如运行自动同步刷新浏览器的装置10，以实现实施例的自动同步刷新浏览器的方法。
本实施例还提供一种计算机可读存储介质，如闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘、服务器、App应用商城等等，其上存储有计算机程序，程序被处理器执行时实现相应功能。本实施例的计算机可读存储介质用于存储自动同步刷新浏览器的装置10，被处理器执行时实现实施例的自动同步刷新浏览器的方法。
上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。
以上仅为本申请的优选实施例，并非因此限制本申请的专利范围，凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本申请的专利保护范围内。

Claims (20)

  1. 一种自动同步刷新浏览器的方法，其特征在于，包括以下步骤：
    启动代码变更监听服务，其中，所述代码变更监听服务用于在开发过程中监听代码文件的更新；
    判断所述代码变更监听服务是否检测到代码文件的更新；
    当所述代码变更监听服务检测到代码文件的更新时，确定出现更新的代码文件；
    获取出现更新的代码文件；
    调用预先设置的浏览器刷新模块，所述浏览器刷新模块用于对浏览器进行自动刷新；
    通过所述浏览器刷新模块利用获取到的所述出现更新的代码文件自动刷新与所述出现更新的代码文件对应的原始代码文件，以对所述浏览器进行自动同步刷新。
  2. 根据权利要求1所述的自动同步刷新浏览器的方法，其特征在于，在启动代码变更监听服务之前，还包括：
    在前端系统全局安装Gulp工具，以生成代码开发所需的运行环境；
    在所述运行环境下对每个开发项目单独配置Gulp工具，以对每个开发项目单独配置运行环境；
    获取每个开发项目对应的配置文件，其中，所述配置文件包含有所有对应项目的文件名称；
    对所述配置文件中需要进行监听的文件名称进行标记。
  3. 根据权利要求2所述的自动同步刷新浏览器的方法，其特征在于，启动代码变更监听服务包括：
    启动所述代码变更监听服务的监听功能；
    利用所述代码变更监听服务读取所述配置文件，从所述配置文件中确定存在标记的代码文件，作为所要监听的代码文件；
    利用所述代码变更监听服务对存在标记的代码文件进行监听。
  4. 根据权利要求1所述的自动同步刷新浏览器的方法，其特征在于，代码变更监听服务包括以下至少之一：Gulp工具、所述浏览器刷新模块、SASS工具、Pug工具、Gulp-autoprefixer模块；其中，所述浏览器刷新模块为Browser-sync模块。
  5. 根据权利要求4所述的自动同步刷新浏览器的方法，其特征在于，启动代码变更监听服务包括：
    启动所述Gulp工具；
    依次加载所述浏览器刷新模块、所述SASS工具、所述Pug工具、所述Gulp-autoprefixer模块。
  6. 根据权利要求4所述的自动同步刷新浏览器的方法，其特征在于，通过所述浏览器刷新模块利用获取到的所述出现更新的代码文件自动刷新与所述出现更新的代码文件对应的原始代码文件包括：
    执行文件重新读取的任务，其中，所述任务用于读取所述出现更新的代码文件；
    利用读取到的所述出现更新的代码文件更新服务器后端的静态资源，使用所述Browser-sync模块刷新系统重新获取更新后的静态资源。
  7. 根据权利要求1所述的自动同步刷新浏览器的方法，其特征在于，所述代码文件的更新包括以下至少之一：新增或变更功能项、修改界面、修改处理逻辑。
  8. 一种自动同步刷新浏览器的装置，其特征在于，其包括：
    启动单元，用于启动代码变更监听服务，其中，所述代码变更监听服务用于在开发过程中监听代码文件的更新；
    判断单元，用于判断所述代码变更监听服务是否检测到代码文件的更新；
    确定单元，用于当所述代码变更监听服务检测到代码文件的更新时，确定出现更新的代码文件；
    获取单元，用于获取出现更新的代码文件；
    调用单元，用于调用预先设置的浏览器刷新模块，所述浏览器刷新模块用于对浏览器进行自动刷新；
    刷新单元，用于通过所述浏览器刷新模块利用获取到的所述出现更新的代码文件自动刷新与所述出现更新的代码文件对应的原始代码文件，以对所述浏览器进行自动同步刷新。
  9. 一种计算机设备，其特征在于，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现自动同步刷新浏览器的方法的以下步骤：
    启动代码变更监听服务，其中，所述代码变更监听服务用于在开发过程中监听代码文件的更新；
    判断所述代码变更监听服务是否检测到代码文件的更新；
    当所述代码变更监听服务检测到代码文件的更新时，确定出现更新的代码文件；
    获取出现更新的代码文件；
    调用预先设置的浏览器刷新模块，所述浏览器刷新模块用于对浏览器进行自动刷新；
    通过所述浏览器刷新模块利用获取到的所述出现更新的代码文件自动刷新与所述出现更新的代码文件对应的原始代码文件，以对所述浏览器进行自动同步刷新。
  10. 根据权利要求9所述的计算机设备，其特征在于，在启动代码变更监听服务之前，还包括：在前端系统全局安装Gulp工具，以生成代码开发所需的运行环境；在所述运行环境下对每个开发项目单独配置Gulp工具，以对每个开发项目单独配置运行环境；获取每个开发项目对应的配置文件，其中，所述配置文件包含有所有对应项目的文件名称；对所述配置文件中需要进行监听的文件名称进行标记。
  11. 根据权利要求10所述的计算机设备，其特征在于，启动代码变更监听服务包括：启动所述代码变更监听服务的监听功能；利用所述代码变更监听服务读取所述配置文件，从所述配置文件中确定存在标记的代码文件，作为所要监听的代码文件；利用所述代码变更监听服务对存在标记的代码文件进行监听。
  12. 根据权利要求9所述的计算机设备，其特征在于，代码变更监听服务包括以下至少之一：Gulp工具、所述浏览器刷新模块、SASS工具、Pug工具、Gulp-autoprefixer模块；其中，所述浏览器刷新模块为Browser-sync模块。
  13. 根据权利要求12所述的计算机设备，其特征在于，启动代码变更监听服务包括：启动所述Gulp工具；依次加载所述浏览器刷新模块、所述SASS工具、所述Pug工具、所述Gulp-autoprefixer模块。
  14. 根据权利要求12所述的计算机设备，其特征在于，通过所述浏览器刷新模块利用获取到的所述出现更新的代码文件自动刷新与所述出现更新的代码文件对应的原始代码文件包括：执行文件重新读取的任务，其中，所述任务用于读取所述出现更新的代码文件；利用读取到的所述出现更新的代码文件更新服务器后端的静态资源，使用所述Browser-sync模块刷新系统重新获取更新后的静态资源。
  15. 根据权利要求9所述的计算机设备，其特征在于，所述代码文件的更新包括以下至少之一：新增或变更功能项、修改界面、修改处理逻辑。
  16. 一种计算机可读存储介质，其上存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现自动同步刷新浏览器的方法的以下步骤：
    启动代码变更监听服务，其中，所述代码变更监听服务用于在开发过程中监听代码文件的更新；
    判断所述代码变更监听服务是否检测到代码文件的更新；
    当所述代码变更监听服务检测到代码文件的更新时，确定出现更新的代码文件；
    获取出现更新的代码文件；
    调用预先设置的浏览器刷新模块，所述浏览器刷新模块用于对浏览器进行自动刷新；
    通过所述浏览器刷新模块利用获取到的所述出现更新的代码文件自动刷新与所述出现更新的代码文件对应的原始代码文件，以对所述浏览器进行自动同步刷新。
  17. 根据权利要求16所述的计算机可读存储介质，其特征在于，在启动代码变更监听服务之前，还包括：在前端系统全局安装Gulp工具，以生成代码开发所需的运行环境；在所述运行环境下对每个开发项目单独配置Gulp工具，以对每个开发项目单独配置运行环境；获取每个开发项目对应的配置文件，其中，所述配置文件包含有所有对应项目的文件名称；对所述配置文件中需要进行监听的文件名称进行标记。
  18. 根据权利要求17所述的计算机可读存储介质，其特征在于，启动代码变更监听服务包括：启动所述代码变更监听服务的监听功能；利用所述代码变更监听服务读取所述配置文件，从所述配置文件中确定存在标记的代码文件，作为所要监听的代码文件；利用所述代码变更监听服务对存在标记的代码文件进行监听。
  19. 根据权利要求16所述的计算机可读存储介质，其特征在于，代码变更监听服务包括以下至少之一：Gulp工具、所述浏览器刷新模块、SASS工具、Pug工具、Gulp-autoprefixer模块；其中，所述浏览器刷新模块为Browser-sync模块。
  20. 根据权利要求19所述的计算机可读存储介质，其特征在于，启动代码变更监听服务包括：启动所述Gulp工具；依次加载所述浏览器刷新模块、所述SASS工具、所述Pug工具、所述Gulp-autoprefixer模块。
PCT/CN2018/108776 2018-07-10 2018-09-29 自动同步刷新浏览器的方法、装置及计算机设备 WO2020010725A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201810749421.2 2018-07-10
CN201810749421.2A CN108958788A (zh) 2018-07-10 2018-07-10 自动同步刷新浏览器的方法、装置及计算机设备

Publications (1)

Publication Number Publication Date
WO2020010725A1 true WO2020010725A1 (zh) 2020-01-16

Family

ID=64483728

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/108776 WO2020010725A1 (zh) 2018-07-10 2018-09-29 自动同步刷新浏览器的方法、装置及计算机设备

Country Status (2)

Country Link
CN (1) CN108958788A (zh)
WO (1) WO2020010725A1 (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110007953A (zh) * 2018-12-26 2019-07-12 蔚来汽车有限公司 一种软件前端开发方法及其系统
CN110058895A (zh) * 2019-03-07 2019-07-26 上海七印信息科技有限公司 一种浏览器自动重载扩展插件的方法
CN110297637B (zh) * 2019-06-06 2023-03-31 北京网聘信息技术有限公司 全平台客户端软件适用的资源文件热重载开发工具及方法
CN111597483A (zh) * 2020-05-22 2020-08-28 山东汇贸电子口岸有限公司 一种网页开发时自动刷新网页的方法
CN111970359B (zh) * 2020-08-14 2023-01-13 中国工商银行股份有限公司 基于Node.js服务器的前端无服务架构系统及建立方法
CN115242874B (zh) * 2022-07-12 2023-05-12 观澜网络(杭州)有限公司 应用开发阶段的网络请求代理优化方法、系统、设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102184112A (zh) * 2011-05-06 2011-09-14 北京百度网讯科技有限公司 控件升级方法及装置
CN103279373A (zh) * 2013-05-31 2013-09-04 广州市动景计算机科技有限公司 浏览器外壳功能的更新方法及装置
CN106325925A (zh) * 2016-08-18 2017-01-11 乐视控股（北京）有限公司 一种浏览器业务信息更新方法及装置
CN107729232A (zh) * 2017-09-27 2018-02-23 深圳市赛亿科技开发有限公司 一种基于js的脚本调试方法及装置

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9740672B2 (en) * 2014-10-24 2017-08-22 POWr Inc. Systems and methods for dynamic, real time management of cross-domain web plugin content
CN105278962A (zh) * 2015-11-04 2016-01-27 北京星网锐捷网络技术有限公司 应用程序及数据库的热部署方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102184112A (zh) * 2011-05-06 2011-09-14 北京百度网讯科技有限公司 控件升级方法及装置
CN103279373A (zh) * 2013-05-31 2013-09-04 广州市动景计算机科技有限公司 浏览器外壳功能的更新方法及装置
CN106325925A (zh) * 2016-08-18 2017-01-11 乐视控股（北京）有限公司 一种浏览器业务信息更新方法及装置
CN107729232A (zh) * 2017-09-27 2018-02-23 深圳市赛亿科技开发有限公司 一种基于js的脚本调试方法及装置

Also Published As

Publication number Publication date
CN108958788A (zh) 2018-12-07

Similar Documents

Publication Publication Date Title
WO2020010725A1 (zh) 自动同步刷新浏览器的方法、装置及计算机设备
US10740078B2 (en) Dynamic plugin(s) for cloud application(s)
US9386079B2 (en) Method and system of virtual desktop infrastructure deployment studio
KR101790190B1 (ko) 애플리케이션 시나리오 식별 방법, 전력 소비 관리 방법, 장치 및 단말기 장치
CN109634588B (zh) 一种兼容多浏览器的Office文档在线编辑方法和系统
WO2015165232A1 (zh) 一种加载驱动程序的方法及嵌入式设备
WO2018077085A1 (zh) 应用程序处理方法、装置及存储介质
US10684846B2 (en) Using semantic annotations to control compatibility behaviors
WO2016177341A1 (zh) 接口调用方法、装置及终端
US9652220B2 (en) Zero down-time deployment of new application versions
US9715440B2 (en) Test scope determination based on code change(s)
US20120005520A1 (en) Simplifying automated software maintenance of data centers
CN107291481B (zh) 一种组件更新方法、装置和系统
CN107632929B (zh) 一种检测内存泄漏的方法和装置
CN109522500B (zh) 网页显示方法、装置、终端和存储介质
CN112506854B (zh) 页面模板文件的存储和页面生成方法、装置、设备及介质
US9141385B2 (en) Managing operating system components
CN114217789A (zh) 功能组件拓展方法、装置、设备、存储介质及程序产品
TW201324347A (zh) 功能模組命令管理系統及方法
US9898314B2 (en) Javascript extension tool
US8762699B1 (en) System, apparatus, and method for initiating a reboot of a personal computer system by pressing a button on an attached storage device and causing the operating system on the attached storage device to be booted
CN115309421A (zh) 单点系统的静态变量同步方法、装置、设备及存储介质
US20120174078A1 (en) Smart cache for a server test environment in an application development tool
US8850399B2 (en) Software development using code retraction and background warm up
CN110764792B (zh) 一种应用程序的安装方法、装置、设备及存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 18925850

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 18925850

Country of ref document: EP

Kind code of ref document: A1