CN113343156A - Webpage editing method, device, equipment and storage medium - Google Patents

Webpage editing method, device, equipment and storage medium Download PDF

Info

Publication number
CN113343156A
CN113343156A CN202110740980.9A CN202110740980A CN113343156A CN 113343156 A CN113343156 A CN 113343156A CN 202110740980 A CN202110740980 A CN 202110740980A CN 113343156 A CN113343156 A CN 113343156A
Authority
CN
China
Prior art keywords
webpage
editing
code
plug
starting
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
Application number
CN202110740980.9A
Other languages
Chinese (zh)
Inventor
王建辉
安心怡
李文举
唐野
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Industrial and Commercial Bank of China Ltd ICBC
ICBC Technology Co Ltd
Original Assignee
Industrial and Commercial Bank of China Ltd ICBC
ICBC Technology Co Ltd
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 Industrial and Commercial Bank of China Ltd ICBC, ICBC Technology Co Ltd filed Critical Industrial and Commercial Bank of China Ltd ICBC
Priority to CN202110740980.9A priority Critical patent/CN113343156A/en
Publication of CN113343156A publication Critical patent/CN113343156A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44521Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526Plug-ins; Add-ons

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The disclosure provides a webpage editing method, which relates to the technical field of computers, can be used for big data and distributed technology in the aspects related to micro-service data transmission, and can also be used in various fields except the big data and distributed technology, such as the financial field and the like. The method comprises the steps of starting a webpage to be modified; starting a webpage editing plug-in under a current webpage, automatically acquiring a page code of the current webpage by the webpage editing plug-in, and displaying the page code in a code editing area of the webpage editing plug-in; modifying the page code in the code editing area; and starting a saving command of the webpage editing plug-in, and modifying the saving path into a local path. The webpage editing method avoids manually copying the webpage codes to the files corresponding to the real project engineering paths, and improves the development efficiency of personnel. The disclosure also provides a web page editing apparatus, device, storage medium and program product.

Description

Webpage editing method, device, equipment and storage medium
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a method, an apparatus, a device, a medium, and a program product for editing a web page.
Background
In the prior art, when a web page in a browser is modified, a developer tool provided by the browser is generally used for modifying the page code, and the developer tool is fed back to the browser to display the modification result. However, the page code after the browser is debugged and modified cannot be saved in the project, the page code must be manually copied to the file corresponding to the real project path, the code is copied, and the code is pasted, so that the development efficiency of personnel is reduced
Disclosure of Invention
In view of the foregoing, the present disclosure provides a web page editing method, apparatus, device, medium, and program product.
According to a first aspect of the present disclosure, there is provided a web page editing method, including starting a web page to be modified; starting a webpage editing plug-in under a current webpage, wherein the webpage editing plug-in automatically acquires a page code of the current webpage and displays the page code in a code editing area of the webpage editing plug-in; modifying the page code in the code editing area; and starting a saving command of the webpage editing plug-in, and modifying a saving path into a local path.
According to the embodiment of the disclosure, the starting of the webpage to be modified comprises inputting address information of the webpage to be modified in an address bar of a browser; the starting of the web page editing plug-in under the current web page further comprises: and the webpage editing plug-in automatically acquires the address information and displays the address information in an address editing area of the webpage editing plug-in.
According to an embodiment of the present disclosure, modifying the saved path to be the local path includes: and modifying the address information into local path information in the address editing area.
According to an embodiment of the present disclosure, modifying the saved path to be the local path includes: and the webpage editing plug-in automatically pops up a path text box, and the saved path is modified into the local path in the path text box.
According to an embodiment of the present disclosure, after modifying the page code in the code editing area, the method further includes: and starting a preview command of the webpage editing plug-in, and refreshing the current webpage.
According to the embodiment of the disclosure, before the web page to be modified is started, the method further comprises: and starting a browser extension program, and installing the webpage editing plug-in into the browser.
A second aspect of the present disclosure provides a web page editing apparatus, including: the webpage starting module is used for starting a webpage to be modified; the editing module is used for starting a webpage editing plug-in which can automatically acquire the page code of the webpage to be modified; the modification module is used for modifying the page code in a page code editing area in the webpage editing plug-in; and the saving module is used for starting a saving command of the webpage editing plug-in and modifying a saving path into a local path.
A third aspect of the present disclosure provides an electronic device, comprising: one or more processors; a memory for storing one or more programs, wherein the one or more programs, when executed by the one or more processors, cause the one or more processors to perform the above-described web page editing method.
A fourth aspect of the present disclosure also provides a computer-readable storage medium having stored thereon executable instructions that, when executed by a processor, cause the processor to perform the above-described web page editing method.
A fifth aspect of the present disclosure also provides a computer program product comprising a computer program which, when executed by a processor, implements the above-described web page editing method.
According to the webpage editing method, the webpage to be modified is started; starting a webpage editing plug-in under a current webpage, automatically acquiring a page code of the current webpage by the webpage editing plug-in, and displaying the page code in a code editing area of the webpage editing plug-in; modifying the page code in the code editing area; and starting a saving command of the webpage editing plug-in, and modifying the saving path into a local path. The webpage editing method can quickly identify the webpage codes on the basis of the existing browser editing technology, can directly store the modified webpage codes into a local computer, and compared with the problem that the modified webpage codes cannot be stored in a developer tool of the browser in the prior art, the webpage editing method avoids manually copying the webpage codes into files corresponding to real project engineering paths, and improves the development efficiency of personnel.
Drawings
The foregoing and other objects, features and advantages of the disclosure will be apparent from the following description of embodiments of the disclosure, which proceeds with reference to the accompanying drawings, in which:
FIG. 1 schematically illustrates an application scenario diagram of a web page editing method, apparatus, device, medium and program product according to an embodiment of the disclosure;
FIG. 2 schematically illustrates a flow diagram of a method of web page editing according to an embodiment of the present disclosure;
FIG. 3 schematically illustrates an operational interface diagram of a web page editing plug-in according to an embodiment of the present disclosure;
fig. 4 schematically shows a block diagram of a structure of a web page editing apparatus according to an embodiment of the present disclosure;
FIG. 5 schematically illustrates a block diagram of a computer system suitable for implementing a method of web page editing in accordance with an embodiment of the present disclosure.
Detailed Description
Hereinafter, embodiments of the present disclosure will be described with reference to the accompanying drawings. It should be understood that the description is illustrative only and is not intended to limit the scope of the present disclosure. In the following detailed description, for purposes of explanation, numerous specific details are set forth in order to provide a thorough understanding of the embodiments of the disclosure. It may be evident, however, that one or more embodiments may be practiced without these specific details. Moreover, in the following description, descriptions of well-known structures and techniques are omitted so as to not unnecessarily obscure the concepts of the present disclosure.
The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the disclosure. The terms "comprises," "comprising," and the like, as used herein, specify the presence of stated features, steps, operations, and/or components, but do not preclude the presence or addition of one or more other features, steps, operations, or components.
All terms (including technical and scientific terms) used herein have the same meaning as commonly understood by one of ordinary skill in the art unless otherwise defined. It is noted that the terms used herein should be interpreted as having a meaning that is consistent with the context of this specification and should not be interpreted in an idealized or overly formal sense.
Where a convention analogous to "at least one of A, B and C, etc." is used, in general such a construction is intended in the sense one having skill in the art would understand the convention (e.g., "a system having at least one of A, B and C" would include but not be limited to systems that have a alone, B alone, C alone, a and B together, a and C together, B and C together, and/or A, B, C together, etc.).
The detailed background may include other technical problems than those which are exclusively addressed.
The embodiment of the disclosure provides a webpage editing method, which comprises the steps of starting a webpage to be modified; starting a webpage editing plug-in under a current webpage, wherein the webpage editing plug-in automatically acquires a page code of the current webpage and displays the page code in a code editing area of the webpage editing plug-in; modifying the page code in the code editing area; and starting a saving command of the webpage editing plug-in, and modifying a saving path into a local path.
It should be noted that the web page editing method provided by the embodiment of the present disclosure may be used in the aspects related to the transmission of the micro service data by the big data and the distributed technology, and may also be used in various fields other than the big data and the distributed technology, such as the financial field.
Fig. 1 schematically illustrates an application scenario of a web page editing method according to an embodiment of the present disclosure.
As shown in fig. 1, the application scenario 100 according to this embodiment may include terminal devices 101, 102, 103. The network 104 serves as a medium for providing communication links between the terminal devices 101, 102, 103 and the server 105. Network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, to name a few.
The user may use the terminal devices 101, 102, 103 to interact with the server 105 via the network 104 to receive or send messages or the like. The terminal devices 101, 102, 103 may have installed thereon various communication client applications, such as shopping-like applications, web browser applications, search-like applications, instant messaging tools, mailbox clients, social platform software, etc. (by way of example only).
The terminal devices 101, 102, 103 may be various electronic devices having a display screen and supporting web browsing, including but not limited to smart phones, tablet computers, laptop portable computers, desktop computers, and the like.
The server 105 may be a server providing various services, such as a background management server (for example only) providing support for websites browsed by users using the terminal devices 101, 102, 103. The background management server may analyze and perform other processing on the received data such as the user request, and feed back a processing result (e.g., a webpage, information, or data obtained or generated according to the user request) to the terminal device.
It should be noted that the web page editing method provided by the embodiment of the present disclosure may be generally executed by the server 105. Accordingly, the web page editing apparatus provided by the embodiment of the present disclosure may be generally disposed in the server 105. The web page editing method provided by the embodiment of the present disclosure may also be executed by a server or a server cluster different from the server 105 and capable of communicating with the terminal devices 101, 102, 103 and/or the server 105. Accordingly, the web page editing apparatus provided by the embodiment of the present disclosure may also be disposed in a server or a server cluster different from the server 105 and capable of communicating with the terminal devices 101, 102, and 103 and/or the server 105.
It should be understood that the number of terminal devices, networks, and servers in fig. 1 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation.
The following describes in detail a web page editing method according to an embodiment of the present disclosure with reference to fig. 2 to 3 based on the scenario described in fig. 1.
FIG. 2 schematically shows a flow diagram of a method of web page editing according to an embodiment of the present disclosure.
As shown in fig. 2, the web page editing method of this embodiment includes operations S210 to S240.
In operation S210, the web page to be modified is started.
The webpage to be modified is a webpage which needs to be modified by a webpage designer or a user. The mode of starting the webpage to be modified can be used for webpage access by inputting the address information of the webpage in the APP, or can be directly opened through the index stored in the homepage of the APP. The APP in the embodiment of the present disclosure may be a common google, 360 and other browsers, and may also be an APP of a specific vendor, such as a mobile banking web page version. In order to express the present solution more clearly, the embodiment of the present disclosure exemplifies the usage scenario of modifying and editing the google browser webpage.
It can be understood that the web page editing plug-in the embodiments of the present disclosure is designed according to the development language of google browser, and in other browsers, when the method in the present technology is adopted, the method can be adaptively adjusted according to the difference of the development languages of different browsers.
In operation S220, the web page editing plug-in is started in the current web page, and the web page editing plug-in automatically obtains the page code of the current web page and displays the page code in the code editing area of the web page editing plug-in.
In the embodiment of the present disclosure, taking opening a web page to be modified in a google browser as an example, before executing an operation of starting a web page editing plug-in under a current web page, the web page editing plug-in needs to be installed in the browser. The installation steps of the webpage editing plug-in are as follows: the user clicks the self-defining and control button on the upper right corner of the Google browser, selects a tool option in a pull-down box, and clicks an extension program to start an extension management page of the Google browser. And finding an offline installation file of the webpage editing plug-in, dragging or leading the offline installation file from the resource manager into an extended management interface of the Google browser, and then confirming installation. For installation of other types of browsers or APPs and the like on the webpage editing plug-in the disclosure, adaptive adjustment can be performed according to the installation mode of the plug-in the corresponding browser or APP.
And starting the webpage editing plug-in under the current webpage, and directly clicking the link address of the webpage editing plug-in by entering an extension program so as to start the webpage editing plug-in. Or directly collecting the webpage editing plug-in into a toolbar so as to be convenient and quick to start.
In the embodiment of the disclosure, when the webpage editing plug-in is started under the current webpage, the webpage editing plug-in first obtains the page code of the current webpage. The automatic acquisition mode is to acquire the page code through a Google File API interface, and the specific reading method of the page code is as follows:
[fileHandle]=await window.showOpenFilePicker();
const file=await fileHandle.getFile();
const contents=await file.text();
textArea.value=contents。
it can be understood that, when the technology in the present disclosure is used in different browsers or APPs, the page code can be obtained through the interface technology used by the browsers or APPs.
After the webpage editing plug-in obtains the page code, the page code is displayed to a code editing area of the webpage editing plug-in by executing a code display program, and the page code can be modified by a developer in the code editing area.
The webpage editing plug-in the embodiment of the disclosure can also automatically acquire the address information of the current webpage when the webpage editing plug-in is started under the current webpage, and display the address information to the address editing area of the webpage editing plug-in. The automatic acquisition mode of the address information is the same as the acquisition mode of the page code, and the address information can be read from the information of the current webpage through a corresponding document reading program and displayed in an address editing area through an execution code display program. The setting of the address editing area is convenient for developers to confirm whether the edited current webpage is the webpage to be modified.
In operation S230, the page code is modified in the code editing area.
And the developer finds a code corresponding to the modification in the page code in the code editing area according to the modification requirement of the current webpage, replaces the related code or adds a new code, or deletes the existing code, and the like to realize the editing of the current webpage.
Further, in the embodiment of the disclosure, the line information is arranged on the left side of the page editing area, and when a developer performs an actual editing operation, the developer can quickly find the page code to be edited and modified through the line information, so as to improve the efficiency of modifying the page code.
It can be understood that after the developer completes the modification of the page code, it is necessary to verify whether the state of the web page after the page code modification meets the modification requirement. Therefore, in this embodiment, after the page code is modified in the code editing area, the method further includes:
and starting a preview command of the webpage editing plug-in, and refreshing the current webpage.
Fig. 3 is a schematic view of an operation interface of the web page editing plug-in according to the embodiment of the present disclosure. The operation page of the webpage editing plug-in comprises an address editing area positioned at the upper part of the operation page and a code editing area positioned below the address editing area. And a preview button is arranged below the code editing area, and after the developer finishes modifying the relevant page codes, the developer can click the preview button, so that the browser is driven to refresh the current webpage, and the modified webpage is displayed to the developer so as to judge whether the modification of the webpage meets the requirement. The preview function is realized as follows: and after triggering the preview button, the webpage editing plug-in obtains the page code in the current code editing area, and then the modified page code is refreshed into the current browser through the document writing program, so that the current webpage is updated. Specifically, the document writing method is as follows:
Create a FileSystemWritableFileStream to write to.
const writable=await fileHandle.createWritable();
Write the contents of the file to the stream.
await writable.write(contents);
Close the file and write the contents to disk.
await writable.close()。
it is understood that when the modification of the web page is found to be not satisfactory by the preview function, the page code in the code editing area may be modified again until the modification is judged to be satisfactory by the preview function.
In operation S240, a save command of the web page editing plug-in is initiated, and the save path is modified to be the local path.
In the embodiment of the present disclosure, when the editing plug-in is started, the system may automatically pop up an operation page of the web page editing plug-in, as specifically shown in fig. 3. An save button is arranged below the code editing area, the save command of the webpage editing plug-in can be started by clicking the save button, or the operation page of the webpage editing plug-in can be directly closed, and the system can automatically pop up a dialog box whether to execute the save operation.
After the save button is pressed, the webpage editing plug-in can automatically pop up a dialog box for saving the path, and a developer can input or select the saving path of the local file so as to save the modified page code into the local computer and realize the calling of the next modification.
Referring to fig. 3, an edge button may be clicked at an address editing area to implement re-editing of address information, a developer may directly input locally stored address information into the address editing area, and after clicking a save button, a page code may be directly stored in a local address in the address editing area. Or after the save button is clicked, the local address in the address editing area can be automatically imported into the dialog box of the saving path automatically popped up by the webpage editing plug-in, and the local address can be directly selected for receiving. The developer can select a proper path saving mode according to the operation habit.
Further, referring to fig. 3, in the embodiment of the present disclosure, a RESET button is further disposed on the left side of the address editing area, and the RESET button functions to one-touch clear or RESET the contents in the address editing field. The design has the advantages that the length of the webpage address information is large in the actual use process and exceeds the displayable area of the address edit bar, the old webpage address needs to be manually deleted when a developer inputs a new address, the deletion operation of the developer is not easy to execute due to the overlong webpage address, and the improvement of the working efficiency is not facilitated. The one-key RESET function of the RESET button can facilitate the deletion of a webpage address or address information with wrong editing for developers, and avoid the inconvenience caused by selecting and deleting the webpage address or the address information again.
Based on the webpage editing method, the disclosure also provides a webpage editing device. The apparatus will be described in detail below with reference to fig. 4.
Fig. 4 schematically shows a block diagram of a structure of a web page editing apparatus according to an embodiment of the present disclosure.
As shown in FIG. 4, the embodiment 300 includes a web page launch module 301, an edit module 302, a modify module 303, and a save module 304.
A web page starting module 301, configured to start a web page to be modified, and adapted to execute the step S210;
the editing module is used for starting a webpage editing plug-in, and the webpage editing plug-in can automatically acquire the page code of the webpage to be modified and is suitable for executing the step 220;
a modification module, configured to modify the page code in a page code editing area in the web page editing plug-in, and adapted to perform step 230;
and a saving module, configured to start a saving command of the web page editing plug-in, and modify the saving path to be a local path, and adapted to execute step 240 in the foregoing description.
According to the webpage editing method, the webpage to be modified is started; starting a webpage editing plug-in under a current webpage, automatically acquiring a page code of the current webpage by the webpage editing plug-in, and displaying the page code in a code editing area of the webpage editing plug-in; modifying the page code in the code editing area; and starting a saving command of the webpage editing plug-in, and modifying the saving path into a local path. The webpage editing method can quickly identify the webpage codes on the basis of the existing browser editing technology, can directly store the modified webpage codes into a local computer, and compared with the problem that the modified webpage codes cannot be stored in a developer tool of the browser in the prior art, the webpage editing method avoids manually copying the webpage codes into files corresponding to real project engineering paths, and improves the development efficiency of personnel.
According to the embodiment of the disclosure, any multiple modules of the web page starting module 301, the editing module 302, the modifying module 303 and the saving module 304 may be combined into one module to be implemented, or any one of the modules may be split into multiple modules. Alternatively, at least part of the functionality of one or more of these modules may be combined with at least part of the functionality of the other modules and implemented in one module. According to the embodiment of the present disclosure, at least one of the web page launching module 301, the editing module 302, the modifying module 303 and the saving module 304 may be implemented at least partially as a hardware circuit, such as a Field Programmable Gate Array (FPGA), a Programmable Logic Array (PLA), a system on a chip, a system on a substrate, a system on a package, an Application Specific Integrated Circuit (ASIC), or may be implemented by hardware or firmware in any other reasonable manner of integrating or packaging a circuit, or implemented by any one of three implementations of software, hardware and firmware, or any suitable combination of any of the three implementations. Alternatively, at least one of the web page launching module 301, the editing module 302, the modifying module 303 and the saving module 304 may be at least partially implemented as a computer program module which, when executed, may perform a corresponding function.
Fig. 5 schematically illustrates a block diagram of an electronic device adapted to implement a financial website authorization method in accordance with an embodiment of the disclosure.
As shown in fig. 5, an electronic device 400 according to an embodiment of the present disclosure includes a processor 401 that can perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM)402 or a program loaded from a storage section 408 into a Random Access Memory (RAM) 403. Processor 401 may include, for example, a general purpose microprocessor (e.g., a CPU), an instruction set processor and/or associated chipset, and/or a special purpose microprocessor (e.g., an Application Specific Integrated Circuit (ASIC)), among others. The processor 401 may also include onboard memory for caching purposes. Processor 401 may include a single processing unit or multiple processing units for performing the different actions of the method flows in accordance with embodiments of the present disclosure.
In the RAM 403, various programs and data necessary for the operation of the electronic apparatus 400 are stored. The processor 401, ROM402 and RAM 403 are connected to each other by a bus 404. The processor 401 performs various operations of the method flows according to the embodiments of the present disclosure by executing programs in the ROM402 and/or the RAM 403. Note that the programs may also be stored in one or more memories other than the ROM402 and RAM 403. The processor 401 may also perform various operations of the method flows according to embodiments of the present disclosure by executing programs stored in the one or more memories.
According to an embodiment of the present disclosure, electronic device 400 may also include an input/output (I/O) interface 405, input/output (I/O) interface 405 also being connected to bus 404. Electronic device 400 may also include one or more of the following components connected to I/O interface 405: an input section 406 including a keyboard, a mouse, and the like; an output section 407 including a display device such as a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), and the like, and a speaker; a storage section 408 including a hard disk and the like; and a communication section 405 including a network interface card such as a LAN card, a modem, or the like. The communication section 405 performs communication processing via a network such as the internet. A driver 410 is also connected to the I/O interface 405 as needed. A removable medium 411 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, or the like is mounted on the drive 410 as necessary, so that a computer program read out therefrom is mounted into the storage section 408 as necessary.
The present disclosure also provides a computer-readable storage medium, which may be contained in the apparatus/device/system described in the above embodiments; or may exist separately and not be assembled into the device/apparatus/system. The computer-readable storage medium carries one or more programs which, when executed, implement the method according to an embodiment of the disclosure.
According to embodiments of the present disclosure, the computer-readable storage medium may be a non-volatile computer-readable storage medium, which may include, for example but is not limited to: a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. For example, according to embodiments of the present disclosure, a computer-readable storage medium may include ROM402 and/or RAM 403 and/or one or more memories other than ROM402 and RAM 403 described above.
Embodiments of the present disclosure also include a computer program product comprising a computer program containing program code for performing the method illustrated in the flow chart. When the computer program product runs in a computer system, the program code is used for causing the computer system to realize the item recommendation method provided by the embodiment of the disclosure.
The computer program performs the above-described functions defined in the system/apparatus of the embodiments of the present disclosure when executed by the processor 401. The systems, apparatuses, modules, units, etc. described above may be implemented by computer program modules according to embodiments of the present disclosure.
In one embodiment, the computer program may be hosted on a tangible storage medium such as an optical storage device, a magnetic storage device, or the like. In another embodiment, the computer program may also be transmitted, distributed in the form of a signal on a network medium, downloaded and installed through the communication section 405, and/or installed from the removable medium 411. The computer program containing program code may be transmitted using any suitable network medium, including but not limited to: wireless, wired, etc., or any suitable combination of the foregoing.
In such an embodiment, the computer program may be downloaded and installed from a network through the communication section 405 and/or installed from the removable medium 411. The computer program, when executed by the processor 401, performs the above-described functions defined in the system of the embodiments of the present disclosure. The systems, devices, apparatuses, modules, units, etc. described above may be implemented by computer program modules according to embodiments of the present disclosure.
In accordance with embodiments of the present disclosure, program code for executing computer programs provided by embodiments of the present disclosure may be written in any combination of one or more programming languages, and in particular, these computer programs may be implemented using high level procedural and/or object oriented programming languages, and/or assembly/machine languages. The programming language includes, but is not limited to, programming languages such as Java, C + +, python, the "C" language, or the like. The program code may execute entirely on the user computing device, partly on the user device, partly on a remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computing device (e.g., through the internet using an internet service provider).
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams or flowchart illustration, and combinations of blocks in the block diagrams or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
Those skilled in the art will appreciate that various combinations and/or combinations of features recited in the various embodiments and/or claims of the present disclosure can be made, even if such combinations or combinations are not expressly recited in the present disclosure. In particular, various combinations and/or combinations of the features recited in the various embodiments and/or claims of the present disclosure may be made without departing from the spirit or teaching of the present disclosure. All such combinations and/or associations are within the scope of the present disclosure.
The embodiments of the present disclosure have been described above. However, these examples are for illustrative purposes only and are not intended to limit the scope of the present disclosure. Although the embodiments are described separately above, this does not mean that the measures in the embodiments cannot be used in advantageous combination. The scope of the disclosure is defined by the appended claims and equivalents thereof. Various alternatives and modifications can be devised by those skilled in the art without departing from the scope of the present disclosure, and such alternatives and modifications are intended to be within the scope of the present disclosure.

Claims (10)

1. A method for web page editing, comprising:
starting a webpage to be modified;
starting a webpage editing plug-in under a current webpage, wherein the webpage editing plug-in automatically acquires a page code of the current webpage and displays the page code in a code editing area of the webpage editing plug-in;
modifying the page code in the code editing area;
and starting a saving command of the webpage editing plug-in, and modifying a saving path into a local path.
2. The web page editing method according to claim 1, wherein the starting of the web page to be modified includes inputting address information of the web page to be modified in an address bar of a browser;
the starting of the web page editing plug-in under the current web page further comprises:
and the webpage editing plug-in automatically acquires the address information and displays the address information in an address editing area of the webpage editing plug-in.
3. The web page editing method of claim 2, wherein modifying the saved path to a local path comprises:
and modifying the address information into local path information in the address editing area.
4. The method for web page editing of claim 1, wherein the modifying the saved path to a local path comprises:
and the webpage editing plug-in automatically pops up a path text box, and the saved path is modified into the local path in the path text box.
5. The method for editing web pages according to claim 1, further comprising, after modifying the page code in the code editing area:
and starting a preview command of the webpage editing plug-in, and refreshing the current webpage.
6. The method for editing web pages according to claim 1, further comprising, before starting the web page to be modified:
and starting a browser extension program, and installing the webpage editing plug-in into the browser.
7. A web page editing apparatus, comprising:
the webpage starting module is used for starting a webpage to be modified;
the editing module is used for starting a webpage editing plug-in which can automatically acquire the page code of the webpage to be modified;
the modification module is used for modifying the page code in a page code editing area in the webpage editing plug-in;
and the saving module is used for starting a saving command of the webpage editing plug-in and modifying a saving path into a local path.
8. An electronic device, comprising:
one or more processors;
a storage device for storing one or more programs,
wherein the one or more programs, when executed by the one or more processors, cause the one or more processors to perform the method of any of claims 1-6.
9. A computer readable storage medium having stored thereon executable instructions which, when executed by a processor, cause the processor to perform the method of any one of claims 1 to 6.
10. A computer program product comprising a computer program which, when executed by a processor, implements a method according to any one of claims 1 to 6.
CN202110740980.9A 2021-06-30 2021-06-30 Webpage editing method, device, equipment and storage medium Pending CN113343156A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110740980.9A CN113343156A (en) 2021-06-30 2021-06-30 Webpage editing method, device, equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110740980.9A CN113343156A (en) 2021-06-30 2021-06-30 Webpage editing method, device, equipment and storage medium

Publications (1)

Publication Number Publication Date
CN113343156A true CN113343156A (en) 2021-09-03

Family

ID=77481947

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110740980.9A Pending CN113343156A (en) 2021-06-30 2021-06-30 Webpage editing method, device, equipment and storage medium

Country Status (1)

Country Link
CN (1) CN113343156A (en)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040019849A1 (en) * 2002-07-19 2004-01-29 Jen-Hwang Weng Method and system for providing online web page editing
CN110276041A (en) * 2019-07-01 2019-09-24 浪潮卓数大数据产业发展有限公司 A kind of web data acquisition methods and system based on Google's browser plug-in
CN110750244A (en) * 2019-09-25 2020-02-04 贝壳技术有限公司 Code synchronization method and device, electronic equipment and storage medium
CN111273899A (en) * 2020-01-17 2020-06-12 北京达佳互联信息技术有限公司 Code processing method and device, electronic equipment and storage medium
CN111949256A (en) * 2020-08-12 2020-11-17 广州华多网络科技有限公司 Webpage real-time preview editing method, device, equipment and storage medium

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040019849A1 (en) * 2002-07-19 2004-01-29 Jen-Hwang Weng Method and system for providing online web page editing
CN110276041A (en) * 2019-07-01 2019-09-24 浪潮卓数大数据产业发展有限公司 A kind of web data acquisition methods and system based on Google's browser plug-in
CN110750244A (en) * 2019-09-25 2020-02-04 贝壳技术有限公司 Code synchronization method and device, electronic equipment and storage medium
CN111273899A (en) * 2020-01-17 2020-06-12 北京达佳互联信息技术有限公司 Code processing method and device, electronic equipment and storage medium
CN111949256A (en) * 2020-08-12 2020-11-17 广州华多网络科技有限公司 Webpage real-time preview editing method, device, equipment and storage medium

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
BLAZING TOOLS SOFTWARE: "《Blazing Tools Software》", 1 July 2011 *
王学普等 *
软件教程: "《嗨客手机站》", 23 August 2007 *

Similar Documents

Publication Publication Date Title
US8583619B2 (en) Methods and systems for open source collaboration in an application service provider environment
WO2018077085A1 (en) Application processing method, device and storage medium
US10580051B2 (en) Background element associated with an application installed in a browser application
US8386955B1 (en) User-optimized content for web browsing windows
US9325717B1 (en) Web-store restriction of external libraries
CN111221521A (en) Method and device for generating log code, computer system and readable storage medium
CN104704468A (en) Cross system installation of WEB applications
CN107644075B (en) Method and device for collecting page information
CN111045653B (en) System generation method and device, computer readable medium and electronic equipment
US10951486B2 (en) Terminal device, UI expansion method, and UI expansion program
CN112395027A (en) Widget interface generation method and device, storage medium and electronic equipment
US10997357B2 (en) User interface navigation management
CN114237651A (en) Installation method and device of cloud native application, electronic equipment and medium
CN113076165A (en) Page checking method and device
CN103902727A (en) Network search method and device
CN110825622A (en) Software testing method, device, equipment and computer readable medium
CN113326079A (en) Service version switching method, switching device, electronic equipment and storage medium
CN113656041A (en) Data processing method, device, equipment and storage medium
CN113343156A (en) Webpage editing method, device, equipment and storage medium
CN113448578A (en) Page data processing method, processing system, electronic device and readable storage medium
CN111596997B (en) UI information request method, device, terminal and storage medium
US11120099B2 (en) Rendering a web element in a web page
CN110647331A (en) Development tool acquisition method and device, storage medium and electronic equipment
KR101553539B1 (en) Dynamic link providing method and computer readable storage medium for program therefor
WO2022237826A1 (en) User interface testing method and system, cluster, medium, and program product

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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20210903