CN112667218A - Processing method, device, equipment and storage medium - Google Patents
Processing method, device, equipment and storage medium Download PDFInfo
- Publication number
- CN112667218A CN112667218A CN202011525655.2A CN202011525655A CN112667218A CN 112667218 A CN112667218 A CN 112667218A CN 202011525655 A CN202011525655 A CN 202011525655A CN 112667218 A CN112667218 A CN 112667218A
- Authority
- CN
- China
- Prior art keywords
- user
- detected
- target
- code
- processing
- 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
- 238000003672 processing method Methods 0.000 title abstract description 10
- 238000012545 processing Methods 0.000 claims abstract description 45
- 238000000034 method Methods 0.000 claims abstract description 27
- 230000006870 function Effects 0.000 claims description 30
- 238000012986 modification Methods 0.000 claims description 17
- 230000004048 modification Effects 0.000 claims description 17
- 239000006096 absorbing agent Substances 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 9
- 238000009434 installation Methods 0.000 claims description 8
- 238000013461 design Methods 0.000 claims description 7
- 230000000694 effects Effects 0.000 claims description 6
- 238000010586 diagram Methods 0.000 description 21
- 230000003287 optical effect Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 4
- 238000005259 measurement Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 3
- 239000013307 optical fiber Substances 0.000 description 3
- 238000003491 array Methods 0.000 description 2
- 230000000670 limiting effect Effects 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000036961 partial effect Effects 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 230000002829 reductive effect Effects 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Images
Abstract
The invention discloses a processing method, a processing device, processing equipment and a storage medium. The method comprises the following steps: reading a target item file when the target item is detected to be opened through a browser; and displaying the code corresponding to the target project file in a target area of a browser page, and processing the code corresponding to the target project file according to the preset operation when the preset operation of the user on the code of the target area is detected.
Description
Technical Field
The embodiment of the invention relates to the technical field of computers, in particular to a processing method, a processing device, processing equipment and a storage medium.
Background
When the front-end engineer modifies the front-end page code, the front-end engineer is required to open corresponding software such as a code editor, a ps, a color absorber and the like due to a small change, so that a large amount of computer performance is temporarily used, and the greatest trouble is that a large amount of time is increased.
As shown in fig. 1, fig. 1 is a processing result of a browser after viewing elements of a page, it can be seen that a dom structure of the page is in an area 1, an area 2 is various css of the elements, a desired result can be modified and edited in the areas 1 and 2, when a desired result is achieved, the same operation is repeated in an editor, and when codes in the editor are not modified, the page cannot be refreshed, so that the inconvenience is that when a style and an element are modified, a ps front-end code editor can be used for cutting and changing the code, and the efficiency is greatly reduced.
Especially such modifications after the system is brought online are very time consuming.
Disclosure of Invention
Embodiments of the present invention provide a processing method, an apparatus, a device, and a storage medium, so as to solve the problem that it takes time to modify a code.
In a first aspect, an embodiment of the present invention provides a processing method, including:
reading a target item file when the target item is detected to be opened through a browser;
and displaying the code corresponding to the target project file in a target area of a browser page, and processing the code corresponding to the target project file according to a preset operation when the preset operation of a user on the code of the target area is detected.
In a second aspect, an embodiment of the present invention further provides a processing apparatus, where the apparatus includes:
the reading module is used for reading the target item file when the target item is detected to be opened through the browser;
and the processing module is used for displaying the code corresponding to the target project file in a target area of a browser page, and processing the code corresponding to the target project file according to preset operation when the preset operation of the user on the code of the target area is detected.
In a third aspect, an embodiment of the present invention further provides a computer device, including a memory, a processor, and a computer program stored on the memory and executable on the processor, where the processor executes the computer program to implement the method according to any one of the embodiments of the present invention.
In a fourth aspect, the present invention further provides a computer-readable storage medium, on which a computer program is stored, which when executed by a processor implements the method according to any one of the embodiments of the present invention.
The method and the device for opening the target item read the target item file when detecting that the target item is opened through the browser; and displaying the code corresponding to the target project file in a target area of a browser page, and processing the code corresponding to the target project file according to the preset operation when the preset operation of the user on the code of the target area is detected so as to solve the problem of time consumption for modifying the code.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings that are required to be used in the embodiments will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present invention and therefore should not be considered as limiting the scope, and for those skilled in the art, other related drawings can be obtained according to the drawings without creative efforts.
FIG. 1 is a diagram of modified code in the prior art;
FIG. 2 is a flow chart of a processing method according to a first embodiment of the invention;
FIG. 2a is a diagram illustrating a tool menu according to an embodiment of the present invention;
FIG. 2b is a schematic diagram of a tool assistant interface according to an embodiment of the present invention;
FIG. 2c is a schematic diagram of an interface after clicking an HTML control according to an embodiment of the present invention;
FIG. 2d is a schematic diagram of an interface after a CSS control is clicked in the first embodiment of the present invention;
FIG. 2e is a schematic diagram of an interface displayed after clicking a preset position of a target image according to the first embodiment of the present invention;
FIG. 2f is a schematic diagram of an interface after clicking on a control of a scale measuring tool according to an embodiment of the present invention;
FIG. 2g is a schematic interface diagram after the quick layout control is clicked in the first embodiment of the present invention;
FIG. 3 is a schematic structural diagram of a processing apparatus according to a second embodiment of the present invention;
fig. 4 is a schematic structural diagram of a computer device in a third embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting of the invention. It is to be further noted that, for the convenience of description, only a part of the structure relating to the present invention is shown in the drawings, not the whole structure.
It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures. Meanwhile, in the description of the present invention, the terms "first", "second", and the like are used only for distinguishing the description, and are not to be construed as indicating or implying relative importance.
Example one
Fig. 2 is a flowchart of a processing method according to an embodiment of the present invention, where the embodiment is applicable to a case of processing a code corresponding to a project file, and the method may be executed by a processing device according to an embodiment of the present invention, where the device may be implemented in a software and/or hardware manner, and as shown in fig. 2, the method specifically includes the following steps:
s110, when the target item is detected to be opened through the browser, the target item file is read.
The target item may be any item, and this is not limited in this embodiment of the present invention.
Illustratively, when it is detected that the target item is opened by the browser, the target item file is read based on the plug-in.
And S120, displaying the code corresponding to the target project file in a target area of a browser page, and processing the code corresponding to the target project file according to a preset operation when the preset operation of the user on the code of the target area is detected.
The target area may be a lower portion area of a browser page, or may also be an area on the right side of the browser page, which is not limited in this embodiment of the present invention.
The preset operation may be an operation of clicking a certain control in the target area, where the control may be an HTML control, or may also be a css control, or may also be a color absorber control, or may also be a distance measurement control, or may also be a quick layout control, or may also be a code saving control, which is not limited in the embodiment of the present invention.
The processing of the code corresponding to the target project file may be modifying the code corresponding to the target project file, editing the code corresponding to the target project file, or saving the code corresponding to the target project file, which is not limited in this embodiment of the present invention. Optionally, before reading the target item file when the target item is detected to be opened by the browser, the method further includes:
acquiring a plug-in installation package;
storing the plug-in installation package to a storage area corresponding to the browser plug-in;
and when the triggering operation of the user on the first control in the browser page is detected, installing the plug-in installation package.
The first control can select a developer function assistant for clicking the upper right corner of the browser window, customizing and controlling, more tools, expanding programs, loading decompressed expanding programs and the like.
Optionally, when a preset operation of the user on the code of the target area is detected, processing the code corresponding to the target project file according to the preset operation includes:
and when the touch operation of a user on a first area in the browser page is detected, displaying a tool menu in the browser page.
The first area may be any area of a browser page, and may be set according to a user requirement, for example, the first area may be a blank area of the browser page.
The touch operation of the user on the first area in the browser page may be a right-click operation or a double-click operation, which is not limited in this embodiment of the present invention.
And when the touch operation of the user on the target submenu of the tool menu is detected, displaying a tool assistant interface in the browser page.
As shown in fig. 2a, the target sub-menu may be a "modify, edit" sub-menu.
And when the touch operation of the user on a second control in the tool assistant interface is detected, processing the code corresponding to the target project file according to the second control and the touch operation.
The second control may be an HTML control, a cs control, a color absorber control, a distance measurement control, a quick layout control, or a storage code control, which is not limited in this embodiment of the present invention.
The touch operation may be a click operation, a drag operation, or a click operation, which is not limited in this embodiment of the present invention.
The method for processing the code corresponding to the target project file may be to modify the code corresponding to the target project file, may also be to edit the code corresponding to the target project file, or may be to store the code corresponding to the target project file, which is not limited in this embodiment of the present invention.
Illustratively, as shown in FIG. 2b, the tool assistant interface includes: HTML control, cs control, color absorber control, interval measurement control, rapid layout control and code storage control. And displaying a code corresponding to the target project file in a lower part area of the browser page.
Optionally, when a touch operation of a user on a second control in the tool assistant interface is detected, processing a code corresponding to the target project file according to the second control and the touch operation includes:
when the touch operation of a user on an HTML control in the tool assistant interface is detected, and the dragging operation of the user on an element is detected, processing the element according to the dragging operation;
and when the touch operation of the user on the CSS control in the tool assistant interface is detected and the modification operation of the user on the element is detected, modifying the CSS of the element according to the modification operation.
The drag operation may be dragging the position of the element, for example, dragging the element a to the position of the element B and dragging the element B to the position of the element a, or dragging the element a to the back of the element B, as shown in fig. 2c, in the left diagram of fig. 2c, the positions of the element 4 and the element 3 are wrong, and the element 4 should be below the element 3, so that dragging the element 4 to the back of the element 3 results in the right diagram of fig. 2 c. Illustratively, upon detecting a user click operation on a CSS control in the tool assistant interface, as shown in FIG. 2d, the region in the figure may be modified.
Optionally, the method further includes:
and when the touch operation of the user on the color absorber control in the tool assistant interface is detected and the clicking operation of the user on the preset position of the target image is detected, displaying the pixel value of the preset position so that the user can modify according to the pixel value.
The target image may be a project image or an image on another browser page, which is not limited in this embodiment of the present invention.
For example, after detecting the user's clicking operation on the color sucker control in the tool assistant interface and detecting the user's clicking operation on the preset position of the target image, as shown in fig. 2e, the pixel value of the preset position is displayed, so that the user modifies the CSS according to the pixel value.
Optionally, the method further includes:
when the touch operation of a user on a scale measuring tool control in the tool assistant interface is detected, and the selection operation of the user on at least two elements of the project effect interface is detected, the distance information of the at least two elements is obtained, and marking is carried out according to the distance information.
Illustratively, as shown in fig. 2f, when a user clicking on a ruler measurement tool control in a tool assistant interface is detected, and user selection operations on three elements of "search", "cancel", and "please input a keyword" are detected, the distance information between "please input a keyword" and "search", the distance information between "search" and "cancel", and the distance information to a boundary are acquired. And marked.
Optionally, the method further includes:
displaying a functional area interface when detecting the touch operation of a user on a quick layout control in the tool assistant interface;
when detecting the dragging operation of a user on the structural element in the function area interface, generating an HTML code according to the structural element and the dragging operation;
and adding CSS to the generated HTML code to obtain a target design drawing.
Illustratively, when a user clicks a quick layout control in the tool assistant interface, an editing region, a structural element region, and a code region are displayed, as shown in fig. 2g, a region 1 in fig. 2g is the structural element region, a region 2 is an HTML code generated after dragging a structural element in the region 1 to the region 2, CSS is added to the HTML code in the region 2 to obtain a target design drawing, and the target design drawing is displayed in a region 3.
In a specific example, the downloading method: and inputting 'function assistant of the front-end developer' in the browser search, entering a downloading page, and downloading according to the description steps. After the development assistant is installed, the HTML, the css, the pictures and the like can be modified and edited on the browser no matter the static page is modified in the early stage or the products are on line in the later stage.
The installation method comprises the following steps:
1. finding the downloaded plug-in, placing the downloaded plug-in at a corresponding position, and opening a downloaded plug-in package, wherein the plug-in package comprises a plurality of files (css, js, img, PowerfulAssistant. exe and the like), and the PowerfulAssistant. exe is an application program of the function assistant, can not be independently opened for use, and can only function when being installed in a browser plug-in.
2. Clicking the upper right corner of the browser window > self-defining and controlling > more tools > expanding program > loading the decompressed expanding program > selecting to the developer function assistant, and at the moment, the installation is successful, namely, you can find that one more function icon is arranged on the right side of the browser window.
The using method comprises the following steps: as shown in fig. 2a, the use assistant can be entered by the appearance of a "modify, edit" click of the next figure after right-clicking the mouse on the browser page. At this point a series of tool assistant interfaces appear under the browser, as shown in fig. 2 b.
As shown in fig. 2c, if the HTML structure is found to be incorrect when entering the modification editing interface, or the position is changed, only the element to be changed needs to be dragged to the corresponding position, and at this time, the page corresponding to the browser will also be refreshed in real time to achieve the final effect. As shown in fig. 2d, when the css of the corresponding element is modified, only the modification editing function area in the browser plug-in needs to be modified directly, and the browser automatically refreshes the page.
A color extractor: some function diagrams such as buttons, prompt icons and the like in the front-end page are background diagrams written in css, and at this time, when color values are required to be obtained, ps software or some color absorbers and other software are required to be opened, so that complicated steps are greatly increased. As shown in fig. 2e, after the function assistant is provided, when the assistant is used to debug and modify a page, if it is desired to know color values, the color absorber can be directly opened to absorb the corresponding color values. Time and steps are greatly saved.
When the distance between the page elements is not consistent with the design drawing, the corresponding ruler measuring tool is clicked, two or more elements to be measured are selected, and information such as the distance between the two elements can be marked, as shown in fig. 2f, in the drawing, "search" is an element, "cancel" is an element, "please input keywords" is an element, the correct value can be modified at the corresponding css after the design drawing is compared, and the page can refresh a new effect in real time after the modification is completed.
Quickly constructing a page layout: on the basis that the functions are based on debugging and page modification, the function assistant also has a powerful function of quickly defining the page layout, and a corresponding dom structure is given after the layout is finished. This typically occurs when a function module is added to a page, or when a new page is added, in a simple and quick way. As shown in fig. 2g, clicking to open the function of "quickly building a page", dragging the corresponding dom structure element in the functional area according to the layout of the functional module, the page, etc. to be built, putting the corresponding position, generating HTML codes, and then adding css to the generated HTML to obtain the effect of the corresponding design drawing. If some places are not in accordance with the actual situation, elements, css and the like are modified.
Embodiments of the present invention provide a front-end developer assistant to help optimize unnecessary operations. In this case, a plug-in module is provided which uses only one software as much as possible with the requirement of a small amount of modification, and the plug-in module contains functional software used by most front-end developers, and the front-end developer functional assistant comprises the following functional components (which are further increased according to actual working requirements if needed). 1. Page HTML modification (and saving the modification result). 2. The page css is modified (and the modification results are saved). 3. A color absorber tool. 4. And checking element spacing. 5. And quickly constructing the page layout.
The function assistant tool for the front-end developer is convenient and fast to visually check, edit, modify bug and the like on a front-end page, and is a browser plug-in with convenience, rapidness and excellent performance. At present, browsers on the market all have own 'check' or 'view element' tools and can check functions such as HTML structures, printing (Console. log), element attributes, and cs styles, but compared with existing front-end page rapid development and original page dom structure modification, the browser-based tools are difficult to implement, namely, a series of modifications to pages are only fake when the browser is used for checking the tools, the browsers can not exist after being refreshed, even if partial HTML and cs are modified, the browsers are troublesome, many software is opened to modify to achieve the desired effect, and time and energy are spent. After the 'developer assistant' is installed, the 'developer assistant' is only needed to be opened, and the 'developer assistant' is modified and edited in the corresponding functional area according to the requirements to be modified and edited, so that the 'developer assistant' brings about not only the modification of css, but also the operations of html structure, color, interaction and the like, is synchronized to the corresponding file directory in real time, is an operation which is convenient to start, and can subvert a quick modification and development page which cannot be achieved by the browser before.
The functional plug-in can realize the functions mainly or based on the position of the file corresponding to the front-end project, a series of judgment strategies are added into the plug-in code logic, the file in the target project is identified after the plug-in reads the target project, when the plug-in is used for checking codes, the codes are loaded into the corresponding hypertext editor area by the plug-in, and the codes can be modified, edited and stored in the traditional code editor. The premise of these operations is that the plug-in is installed and granted with authority to read page codes, which is a plug-in dedicated for front-end developers and has no authority to operate various websites on the network, which is also a network security policy. When the color absorber and the space checking tool are used, the plug-in calls other function plug-ins in the plug-in package to meet the requirement, and the calling is also a mode for adding function preparation of the function assistant later, and on the basis, some common plug-ins required by the plug-in can be added in the function assistant library.
According to the technical scheme of the embodiment, when the target item is detected to be opened through the browser, the target item file is read; and displaying the code corresponding to the target project file in a target area of a browser page, and processing the code corresponding to the target project file according to the preset operation when the preset operation of the user on the code of the target area is detected so as to solve the problem of time consumption for modifying the code.
Example two
Fig. 3 is a schematic structural diagram of a processing apparatus according to a second embodiment of the present invention. The present embodiment may be applicable to a case of processing a code corresponding to a project file, where the apparatus may be implemented in a software and/or hardware manner, and the apparatus may be integrated in any device providing the function of XX, as shown in fig. 3, where the processing apparatus specifically includes: a reading module 210 and a processing module 220.
The reading module is used for reading a target item file when the target item is detected to be opened through the browser;
and the processing module is used for displaying the code corresponding to the target project file in a target area of a browser page, and processing the code corresponding to the target project file according to preset operation when the preset operation of the user on the code of the target area is detected.
The product can execute the method provided by any embodiment of the invention, and has corresponding functional modules and beneficial effects of the execution method.
According to the technical scheme of the embodiment, when the target item is detected to be opened through the browser, the target item file is read; and displaying the code corresponding to the target project file in a target area of a browser page, and processing the code corresponding to the target project file according to the preset operation when the preset operation of the user on the code of the target area is detected so as to solve the problem of time consumption for modifying the code.
EXAMPLE III
Fig. 4 is a schematic structural diagram of a computer device in a third embodiment of the present invention. FIG. 4 illustrates a block diagram of an exemplary computer device 12 suitable for use in implementing embodiments of the present invention. The computer device 12 shown in FIG. 4 is only one example and should not impose any limitations on the scope of use or functionality of embodiments of the present invention.
As shown in FIG. 4, computer device 12 is in the form of a general purpose computing device. The components of computer device 12 may include, but are not limited to: one or more processors or processing units 16, a system memory 28, and a bus 18 that couples various system components including the system memory 28 and the processing unit 16.
The system Memory 28 may include computer system readable media in the form of volatile Memory, such as Random Access Memory (RAM) 30 and/or cache Memory 32. Computer device 12 may further include other removable/non-removable, volatile/nonvolatile computer system storage media. By way of example only, storage system 34 may be used to read from and write to non-removable, nonvolatile magnetic media (not shown in FIG. 4, and commonly referred to as a "hard drive"). Although not shown in FIG. 4, a magnetic disk drive for reading from and writing to a removable, nonvolatile magnetic disk (e.g., a "floppy disk") and an optical disk drive for reading from or writing to a removable, nonvolatile optical disk (a Compact disk-Read Only Memory (CD-ROM)), Digital Video disk (DVD-ROM), or other optical media may be provided. In these cases, each drive may be connected to bus 18 by one or more data media interfaces. Memory 28 may include at least one program product having a set (e.g., at least one) of program modules that are configured to carry out the functions of embodiments of the invention.
A program/utility 40 having a set (at least one) of program modules 42 may be stored, for example, in memory 28, such program modules 42 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each of which examples or some combination may comprise an implementation of a network environment. Program modules 42 generally carry out the functions and/or methodologies of the described embodiments of the invention.
The processing unit 16 executes various functional applications and data processing by executing programs stored in the system memory 28, for example, to implement the processing method provided by the embodiment of the present invention:
reading a target item file when the target item is detected to be opened through a browser;
and displaying the code corresponding to the target project file in a target area of a browser page, and processing the code corresponding to the target project file according to a preset operation when the preset operation of a user on the code of the target area is detected.
Example four
A fourth embodiment of the present invention provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the processing methods provided in all the embodiments of the present invention of the present application:
reading a target item file when the target item is detected to be opened through a browser;
and displaying the code corresponding to the target project file in a target area of a browser page, and processing the code corresponding to the target project file according to a preset operation when the preset operation of a user on the code of the target area is detected.
Any combination of one or more computer-readable media may be employed. The computer readable medium may be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the computer readable storage medium would include the following: an electrical connection having one or more wires, 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), an optical fiber, 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 context of this document, 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.
A computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
In some embodiments, the clients, servers may communicate using any currently known or future developed network Protocol, such as HTTP (HyperText Transfer Protocol), and may interconnect with any form or medium of digital data communication (e.g., a communications network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network.
The computer readable medium may be embodied in the electronic device; or may exist separately and not be incorporated into the electronic device.
Computer program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + +, or the like, as well as conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, 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 and/or flowchart illustration, and combinations of blocks in the block diagrams and/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.
The units described in the embodiments of the present disclosure may be implemented by software, and may also be implemented by hardware. Wherein the name of an element does not in some cases constitute a limitation on the element itself.
The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, 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), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present invention and the technical principles employed. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions without departing from the scope of the invention. Therefore, although the present invention has been described in more detail by the above embodiments, the present invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the appended claims.
Claims (10)
1. A method of processing, comprising:
reading a target item file when the target item is detected to be opened through a browser;
and displaying the code corresponding to the target project file in a target area of a browser page, and processing the code corresponding to the target project file according to preset operation when the preset operation of a user on the code of the target area is detected.
2. The method of claim 1, wherein prior to reading the target item file when opening of the target item by the browser is detected, further comprising:
acquiring a plug-in installation package;
storing the plug-in installation package to a storage area corresponding to the browser plug-in;
and when the triggering operation of the user on the first control in the browser page is detected, installing the plug-in installation package.
3. The method according to claim 1, wherein when detecting a preset operation of a user on the code of the target area, processing the code corresponding to the target project file according to the preset operation includes:
when detecting that a user touches a first area in the browser page, displaying a tool menu in the browser page;
when detecting the touch operation of a user on a target submenu of the tool menu, displaying a tool assistant interface in the browser page;
and when the touch operation of the user on a second control in the tool assistant interface is detected, processing the code corresponding to the target project file according to the second control and the touch operation.
4. The method of claim 3, wherein when a touch operation of a user on a second control in the tool assistant interface is detected, processing code corresponding to the target project file according to the second control and the touch operation comprises:
when the touch operation of a user on an HTML control in the tool assistant interface is detected, and the dragging operation of the user on an element is detected, processing the element according to the dragging operation;
and when the touch operation of the user on the CSS control in the tool assistant interface is detected and the modification operation of the user on the element is detected, modifying the CSS of the element according to the modification operation.
5. The method of claim 3, further comprising:
and when the touch operation of the user on the color absorber control in the tool assistant interface is detected and the clicking operation of the user on the preset position of the target image is detected, displaying the pixel value of the preset position so that the user can modify according to the pixel value.
6. The method of claim 3, further comprising:
when the touch operation of a user on a scale measuring tool control in the tool assistant interface is detected, and the selection operation of the user on at least two elements of the project effect interface is detected, the distance information of the at least two elements is obtained, and marking is carried out according to the distance information.
7. The method of claim 3, further comprising:
displaying a functional area interface when detecting the touch operation of a user on a quick layout control in the tool assistant interface;
when detecting the dragging operation of a user on the structural element in the function area interface, generating an HTML code according to the structural element and the dragging operation;
and adding CSS to the generated HTML code to obtain a target design drawing.
8. A processing apparatus, comprising:
the reading module is used for reading the target item file when the target item is detected to be opened through the browser;
and the processing module is used for displaying the code corresponding to the target project file in a target area of a browser page, and processing the code corresponding to the target project file according to preset operation when the preset operation of the user on the code of the target area is detected.
9. A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the method according to any of claims 1-7 when executing the program.
10. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the method according to any one of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011525655.2A CN112667218A (en) | 2020-12-22 | 2020-12-22 | Processing method, device, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011525655.2A CN112667218A (en) | 2020-12-22 | 2020-12-22 | Processing method, device, equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112667218A true CN112667218A (en) | 2021-04-16 |
Family
ID=75407424
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011525655.2A Pending CN112667218A (en) | 2020-12-22 | 2020-12-22 | Processing method, device, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112667218A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116136760A (en) * | 2023-04-17 | 2023-05-19 | 深圳复临科技有限公司 | Method, device, equipment and storage medium for replacing native selector of browser |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7370315B1 (en) * | 2000-11-21 | 2008-05-06 | Microsoft Corporation | Visual programming environment providing synchronization between source code and graphical component objects |
| CN104933142A (en) * | 2015-06-18 | 2015-09-23 | 北京奇虎科技有限公司 | Animation display method and device |
| US9348563B1 (en) * | 2014-12-10 | 2016-05-24 | Sap Se | Bi-directional editing between visual screen designer and source code |
| CN110781423A (en) * | 2019-10-10 | 2020-02-11 | 腾讯科技（深圳）有限公司 | Webpage generation method and device and electronic equipment |
| CN111666123A (en) * | 2020-05-28 | 2020-09-15 | 平安医疗健康管理股份有限公司 | Page theme control method and system and computer equipment |
-
2020
- 2020-12-22 CN CN202011525655.2A patent/CN112667218A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7370315B1 (en) * | 2000-11-21 | 2008-05-06 | Microsoft Corporation | Visual programming environment providing synchronization between source code and graphical component objects |
| US9348563B1 (en) * | 2014-12-10 | 2016-05-24 | Sap Se | Bi-directional editing between visual screen designer and source code |
| CN104933142A (en) * | 2015-06-18 | 2015-09-23 | 北京奇虎科技有限公司 | Animation display method and device |
| CN110781423A (en) * | 2019-10-10 | 2020-02-11 | 腾讯科技（深圳）有限公司 | Webpage generation method and device and electronic equipment |
| CN111666123A (en) * | 2020-05-28 | 2020-09-15 | 平安医疗健康管理股份有限公司 | Page theme control method and system and computer equipment |
Non-Patent Citations (1)
| Title |
|---|
| 疏影杳渺: "如何找到网页对应代码，并进行修改", pages 1 - 2, Retrieved from the Internet <URL:《百度经验-https://jingyan.baidu.com/article/bea41d43bf54f9b4c51be6d7.html》> * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116136760A (en) * | 2023-04-17 | 2023-05-19 | 深圳复临科技有限公司 | Method, device, equipment and storage medium for replacing native selector of browser |
| CN116136760B (en) * | 2023-04-17 | 2023-07-04 | 深圳复临科技有限公司 | Method, device, equipment and storage medium for replacing native selector of browser |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| RU2493589C2 (en) | Document editing using transitory editing surface | |
| US7676785B2 (en) | Hosted application as a designer in an integrated development environment | |
| US10324828B2 (en) | Generating annotated screenshots based on automated tests | |
| US8392886B2 (en) | System, program product, and methods to enable visual recording and editing of test automation scenarios for web application | |
| US9317257B2 (en) | Folded views in development environment | |
| US7603630B2 (en) | Method, system, and program product for controlling a display on a data editing screen | |
| US7594192B2 (en) | Method and apparatus for identifying hotkey conflicts | |
| US10592211B2 (en) | Generation of application behaviors | |
| CN106844181B (en) | Method, system and mobile terminal for recording user behavior | |
| US20140380178A1 (en) | Displaying interactive charts on devices with limited resources | |
| CN110968305A (en) | Applet visualization generation method, device, equipment and storage medium | |
| CN112307408B (en) | Method and device for determining element information in page, electronic equipment and storage medium | |
| US9038019B2 (en) | Paige control for enterprise mobile applications | |
| US8302070B2 (en) | Output styling in an IDE console | |
| US9996506B2 (en) | Identifying fonts using custom ligatures | |
| US20160239509A1 (en) | File explorer system usable in an emulated integrated development environment (ide) | |
| CN113032273B (en) | Application program debugging method and device, computer equipment and storage medium | |
| CN112667218A (en) | Processing method, device, equipment and storage medium | |
| EP4085336A1 (en) | Computer resource leak detection | |
| CN115390720A (en) | Robotic Process Automation (RPA) including automatic document scrolling | |
| CN113419711A (en) | Page guiding method and device, electronic equipment and storage medium | |
| US8775936B2 (en) | Displaying dynamic and shareable help data for images a distance from a pointed-to location | |
| CN116339520A (en) | Language editing method, device, electronic equipment and storage medium | |
| KR20130014841A (en) | Method for automatically completing a search equation of log and system for performging the method |
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 |