Method for developing and debugging a web user interface and related apparatus

Abstract

This application relates to a method and related apparatus for developing and debugging a web page user interface. The method includes: obtaining a compressed package corresponding to the web page user interface to be debugged; starting a preset static file server and displaying a web page operation page through the static file server, wherein the web page operation page is generated based on static files, and the static files are used for reading by the static file server; receiving a first input operation from a user based on the web page operation page; and in response to the first input operation, transmitting the compressed package to a target object, wherein the target object is pre-configured with preset instructions for displaying the web page user interface corresponding to the compressed package, so that the user can perform development and debugging based on the display effect. In this way, the user only needs to perform the first input operation on the displayed web page operation page to transmit the compressed package to the target object, without having to perform a series of operations via USB flash drive to copy the compressed package to the target object, thereby improving development and debugging efficiency.

Description

Technical Field

[0001] This application relates to the field of user interface development technology, and in particular to a method and apparatus for developing and debugging a web page user interface. Background Technology

[0002] As the web page functions of smart TVs continue to improve, the web page user interface also needs to be constantly adjusted to adapt to the changes in its functions. Therefore, developers often need to develop and debug the web page user interface.

[0003] Currently, the traditional method for developing and debugging web user interfaces involves manually copying the developed web user interface package (compressed file) to a smart TV using a USB flash drive for real-world verification. This process requires first inserting the USB flash drive into the Universal Serial Bus (USB) port of a personal computer (PC), copying the compressed file to the USB drive, inserting the USB drive into the smart TV's USB port, and then using a serial port tool on the PC to input a series of commands to complete operations such as replacing the web user interface. Furthermore, if the developed web user interface does not achieve the desired effect, the above steps must be repeated until it does. Therefore, the traditional method for developing and debugging web user interfaces is overly cumbersome and inefficient. Summary of the Invention

[0004] This application provides a method and related apparatus for developing and debugging web user interfaces, in order to solve the problems that traditional web user interface development and debugging methods are too cumbersome and inefficient.

[0005] Firstly, this application provides a method for developing and debugging a web page user interface, the method comprising:

[0006] Obtain the compressed file corresponding to the user interface of the webpage to be debugged;

[0007] Start the preset static file server and display the web page operation page through the static file server. The web page operation page is generated based on static files, which are used for the static file server to read.

[0008] Receive the user's first input operation based on the webpage operation page;

[0009] In response to the first input operation, the compressed package is transmitted to the target object, which is pre-configured with preset instructions. The preset instructions are used to display the web page user interface corresponding to the compressed package, so that the user can perform development and debugging based on the display effect.

[0010] Optionally, transmitting the compressed package to the target object in response to the first input operation includes:

[0011] In response to the first input operation, a connection is established with the target object, and a preset interface in the target object is invoked, the preset interface being used to invoke the preset instruction;

[0012] The compressed package is transmitted to the target object through the preset interface.

[0013] Optionally, the first input operation includes a first input sub-operation and a second input sub-operation, wherein the first input sub-operation is used to input an Internet Protocol address, and the second input sub-operation is used to input a send command;

[0014] The step of responding to the first input operation by establishing a connection with the target object and calling a preset interface in the target object includes:

[0015] In response to the first input sub-operation, the target object is determined based on the input Internet Protocol address, and a connection is established with the target object, wherein the Internet Protocol address of the target object and its own Internet Protocol address belong to the same local area network;

[0016] In response to the second input sub-operation, the preset interface is invoked according to the input sending instruction.

[0017] Optionally, after transmitting the compressed package to the target object in response to the first input operation, the method further includes:

[0018] In response to the second input operation, an instruction to update the code is sent to the target object; or,

[0019] In response to the third input operation, a log feedback instruction is sent to the target object.

[0020] Optionally, displaying the webpage operation page through the static file server includes:

[0021] The contents of the static file are read from the static file server;

[0022] The webpage operation page is displayed based on the content of the static file.

[0023] Optionally, before reading the contents of the static file through the static file server, the method further includes:

[0024] Create the target folder;

[0025] The compressed file and the static file are stored in the target folder.

[0026] Secondly, this application also provides a web page user interface development and debugging apparatus, the apparatus comprising:

[0027] The acquisition module is used to acquire the compressed package corresponding to the webpage user interface to be debugged;

[0028] The display module is used to start a preset static file server and display the web page operation page through the static file server. The web page operation page is generated based on static files, which are used by the static file server to read.

[0029] The receiving module is used to receive the user's first input operation based on the webpage operation page;

[0030] A transmission module is used to transmit the compressed package to a target object in response to the first input operation. The target object is pre-configured with preset instructions, which are used to display the web page user interface corresponding to the compressed package so that the user can perform development and debugging based on the display effect.

[0031] Thirdly, this application also provides an electronic device, including a processor, a communication interface, a memory, and a communication bus, wherein the processor, the communication interface, and the memory communicate with each other through the communication bus;

[0032] Memory, used to store computer programs;

[0033] When a processor executes a program stored in memory, it implements the steps of the method for developing and debugging a web page user interface as described in any embodiment of the first aspect.

[0034] Fourthly, this application also provides a development and debugging system, which includes a smart TV and an electronic device as described in the third aspect, wherein the smart TV is wirelessly connected to the electronic device.

[0035] Fifthly, this application also provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the steps of the web page user interface development and debugging method as described in any embodiment of the first aspect.

[0036] In this embodiment, the following steps are taken: A compressed package corresponding to the webpage user interface to be debugged is obtained; a preset static file server is started, and the webpage operation page is displayed through the static file server. The webpage operation page is generated based on static files, which are used by the static file server for reading; a first input operation from the user based on the webpage operation page is received; in response to the first input operation, the compressed package is transmitted to a target object. The target object is pre-configured with preset instructions, which are used to display the webpage user interface corresponding to the compressed package, so that the user can perform development and debugging based on the display effect. Through this method, the user only needs to perform the first input operation on the displayed webpage operation page to transmit the compressed package to the target object, without needing to perform a series of operations via USB flash drive to copy the compressed package to the target object, thus simplifying the development and debugging process and improving development and debugging efficiency. Furthermore, after the compressed package is transmitted to the target object, there is no need to manually input a series of related instructions through a serial port tool to complete the replacement of the webpage user interface. These instructions only need to be pre-configured on the target object for automatic execution, solving the problem of excessive reliance on serial port tools in traditional webpage user interface development and debugging methods, thereby reducing development and debugging costs. Attached Figure Description

[0037] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with the invention and, together with the description, serve to explain the principles of the invention.

[0038] To more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, for those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0039] Figure 1 A flowchart illustrating a method for developing and debugging a web page user interface, as provided in an embodiment of this application;

[0040] Figure 2 A schematic diagram of a webpage operation page provided in an embodiment of this application;

[0041] Figure 3 This is a schematic diagram illustrating the display effect of a static file server after startup, provided as an embodiment of this application.

[0042] Figure 4 A schematic diagram of another webpage operation page provided in an embodiment of this application;

[0043] Figure 5A schematic diagram of the structure of a web page user interface development and debugging device provided in an embodiment of this application;

[0044] Figure 6 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application;

[0045] Figure 7 This is a schematic diagram of the structure of a development and debugging system provided in an embodiment of this application. Detailed Implementation

[0046] To make the objectives, technical solutions, and advantages of the embodiments of this application clearer, the technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0047] To better explain the development and debugging method of the web user interface provided in the embodiments of this application, the system environment for the development and debugging of the web user interface is described here.

[0048] This system can include electronic devices and target objects. The electronic devices can be terminal devices such as personal computers, laptops, and tablets, while the target objects can be any terminal device developed using Web technologies, such as smart TVs and smartphones. The electronic devices are used for developing web user interfaces and obtaining the compressed package corresponding to the web user interface to be debugged. They require a static server to be pre-installed and script commands to be pre-configured in the project source code. The target objects are used for real-world verification of the web user interface. They require the text transfer tool curl and the preset command autocopy to be pre-installed. If the target object does not have curl and autocopy installed, it needs to be connected to the target object via a serial port tool on the electronic device to perform the installation. This solves the current problem of over-reliance on serial port tools. The preset commands are a series of automated operation commands, such as curl, configured by the developer to be executed directly on the embedded system. The preset commands can perform actions including, but not limited to: transferring compressed packages using a preset text transfer tool, obtaining read / write permissions for the target object's user interface directory, decompressing compressed packages, replacing the target object's web user interface, and restarting the target object. The developer also needs to develop and expose an interface on the target object that directly calls the preset commands.

[0049] See Figure 1 , Figure 1 This is a flowchart illustrating a method for developing and debugging a webpage user interface, as provided in an embodiment of this application. Figure 1 As shown, the development and debugging method for this webpage user interface may include the following steps:

[0050] Step 101: Obtain the compressed package corresponding to the webpage user interface to be debugged.

[0051] Specifically, the compressed package corresponding to the web user interface to be debugged mentioned above refers to the compressed package obtained by packaging the developed web user interface to be debugged, such as the dist.tar file. In this step, the compressed package can be obtained through the preset configured scripts command or through other methods, and this application embodiment does not make specific limitations.

[0052] Step 102: Start the preset static file server and display the web page operation page through the static file server. The web page operation page is generated based on static files, which are used by the static file server to read.

[0053] Specifically, the aforementioned static file server refers to an HTTP server, a lightweight Hypertext Transfer Protocol (HTTP) server. Its biggest advantage is that it allows any directory to become a directory on the server, completely bypassing the heavy backend infrastructure and directly running desired JavaScript (JS) code. This static file server can read the content of static files and generate web page operations based on that content.

[0054] In one embodiment, the static file server can be started by entering the command "http-server" in a command-line tool to navigate to the folder containing the static files. This will generate an Internet Protocol address (IP address) and a port number. Entering this IP address, port number, and static filename in the command-line tool will then open the static file and display the webpage. This webpage is a user-friendly interface that allows users to connect to and interact with the target object.

[0055] Step 103: Receive the user's first input operation based on the webpage operation page.

[0056] Specifically, the aforementioned first input operation refers to the input operation performed by the user based on the webpage operation page. The first input operation can be a text input operation, a voice input operation, or one or more operations such as clicking, swiping, and long pressing. This application does not impose any specific restrictions.

[0057] Step 104: In response to the first input operation, the compressed package is transmitted to the target object. The target object is pre-configured with preset instructions, which are used to display the web page user interface corresponding to the compressed package, so that the user can carry out development and debugging based on the display effect.

[0058] Specifically, the aforementioned target object refers to the object used for real-world environment verification of the web user interface to be debugged. This target object varies depending on the real-world environment corresponding to the web user interface to be debugged, and this application does not impose any specific limitations. For example, when the web user interface to be debugged is applied to a smart TV, the target object is the smart TV; when the web user interface to be debugged is applied to a smartphone, the target object is the smartphone, and so on.

[0059] In this step, after receiving the user's first input operation based on the webpage, the system can respond to this input operation by transmitting the compressed package to the target object. The target object can then display the webpage user interface corresponding to the compressed package according to pre-configured instructions, allowing the user to perform development and debugging based on the displayed effects. Here, "user" can refer to any developer or debugger.

[0060] In existing technologies, serial port tools need to be installed on electronic devices to connect to the target object via hardware. After resolving vulnerabilities related to the web user interface, verification in a real environment using the target object is required. This process is quite cumbersome and typically requires the following steps to complete the web user interface update verification:

[0061] 1. The developer packages the completed webpage user interface into a compressed file;

[0062] 2. Insert the USB flash drive into the USB port of the electronic device;

[0063] 3. Copy the compressed file to the USB drive;

[0064] 4. Insert the USB flash drive into the target object's USB port;

[0065] 5. Electronic devices input a series of web-based user interface replacement commands via a serial port tool;

[0066] 6. The developer manually enters a command to restart the target object;

[0067] 7. Verify whether the webpage user interface vulnerability has been effectively resolved. If not, the above steps need to be repeated.

[0068] Completing all the above steps typically takes at least 10 minutes, and may take even longer if errors occur. Therefore, existing methods for developing and debugging web-based user interfaces are inefficient, heavily reliant on serial port tools, and require developers to be highly familiar with Linux commands.

[0069] Compared to existing technologies, this invention enables a web-based and automated development and debugging process. It eliminates the need for serial port tools on electronic devices, making it suitable for non-software developers and even those without programming experience. Users only need to perform a first input operation on the displayed webpage to transfer the compressed package to the target object, eliminating the need for a series of operations via USB drive to copy the package. This simplifies the development and debugging process and improves efficiency. Furthermore, after the compressed package is transferred to the target object, there's no need for manual input of serial port commands to replace the webpage user interface. These commands are pre-configured on the target object and executed automatically, resolving the over-reliance on serial port tools in traditional webpage user interface development and debugging methods, thus reducing development and debugging costs.

[0070] Further, step 104 above, in response to the first input operation, transferring the compressed package to the target object, includes:

[0071] In response to the first input operation, a connection is established with the target object, and a preset interface in the target object is called. The preset interface is used to call preset instructions.

[0072] The compressed package is transmitted to the target object via a preset interface.

[0073] In one embodiment, the identification information of the target object, such as the target object's IP address, physical address (Media Access Control Address, or MAC address), device type, and device name, can be obtained based on the first input operation. Furthermore, an instruction for calling a preset interface on the target object can be obtained based on the first input operation. This instruction can be any instruction capable of calling the preset interface; the specific form is not limited in this embodiment. Thus, a connection can be established with the target object based on its identification information, and a preset interface on the target object can be obtained based on the instruction. The compressed package can then be transmitted to the target object through this preset interface. This preset interface is used to call preset instructions on the target object. The preset configuration instructions include at least one of the following: a first instruction to transmit the compressed package using a preset text transfer tool; a second instruction to obtain read / write permissions for the target object's user interface directory; a third instruction to decompress the compressed package; a fourth instruction to replace the target object's webpage user interface; and a fifth instruction to restart the target object.

[0074] In this embodiment, the user only needs to perform the first input operation on the displayed web page to transfer the compressed package to the target object, without having to perform a series of operations through a USB flash drive to copy the compressed package to the target object, thereby simplifying the development and debugging process and improving development and debugging efficiency.

[0075] Furthermore, the first input operation includes a first input sub-operation and a second input sub-operation, wherein the first input sub-operation is used to input an Internet Protocol address and the second input sub-operation is used to input a send command;

[0076] The above steps, in response to the first input operation, establish a connection with the target object and call a preset interface in the target object, including:

[0077] In response to the first input sub-operation, the target object is determined based on the input Internet Protocol address, and a connection is established with the target object, wherein the Internet Protocol address of the target object and its own Internet Protocol address belong to the same local area network;

[0078] In response to the second input sub-operation, a preset interface is invoked based on the input sending command.

[0079] In one embodiment, the user can input an Internet Protocol address and a send command on a web-based operation page, such as... Figure 2 As shown. Users can view the target object's Internet Protocol address (IPA). Once they confirm that the target object's IPA is also on the same local area network, they can enter the target object's IPA and then click... Figure 2 The button is "Connect to Target Object". Once the connection to the target object is successful, you can enter a command and click the "Send Command" button to invoke the preset interface. It should be noted that the target object's internet address and the electronic device must be on the same local area network (LAN), as the static file server only supports access to the web service via internet address under LAN conditions.

[0080] In this embodiment, the user only needs to enter the Internet Protocol address and send the command on the displayed web page to transfer the compressed package to the target object. There is no need to perform a series of operations through a USB flash drive to copy the compressed package to the target object, thereby simplifying the development and debugging process and improving development and debugging efficiency.

[0081] Furthermore, after step 104 above, in response to the first input operation, transmitting the compressed package to the target object, the method further includes:

[0082] In response to the second input operation, send an instruction to update the code to the target object; or,

[0083] In response to a third input operation, a log feedback command is sent to the target object.

[0084] In one embodiment, the user can also input update code commands or log feedback commands on the web operation page, and send these commands to the target object. This enables functions such as remote code modification, update, and debugging across regions and networks, and reverse transmission of TV terminal logs back to the user. It should be noted that both of these functions require obtaining the highest level of access to the target object (such as a smart TV) and a connection to an external network. Additionally, a web server needs to be purchased to access static files and compressed packages. Based on this, the user can send update code commands and log feedback commands to a target object with a specified MAC address.

[0085] Furthermore, step 102 above, displaying the webpage operation page through a static file server, includes:

[0086] Read the contents of static files through a static file server;

[0087] The webpage operation page is displayed based on the content of the static file.

[0088] In one embodiment, during the display of a webpage operation page via a static file server, after starting the static file server, the content of a static file is read from the static file, and then rendered to form the webpage operation page. It should be noted that the static file can be an index.html file, a visual webpage operation page developed by the developer. This webpage operation page can connect to the target object and send relevant commands. In this way, a webpage operation page for user interaction can be automatically generated, facilitating the establishment of connections and the sending of commands to the target object without the need for serial port tools and cables. This directly replaces the work of serial port tools, solving the problem of excessive reliance on them and reducing the cost of purchasing genuine serial port tool serial numbers and the cost of using serial port hardware.

[0089] Furthermore, before step 102, which involves reading the contents of a static file from a static file server, the method further includes:

[0090] Create the target folder;

[0091] Place the compressed file and static files in the target folder.

[0092] In one embodiment, the compressed file and static files can be stored in the target folder, that is, the compressed file and static files are stored in the same folder. The location of the target folder on the electronic device and its name can be set by the user according to their needs; this embodiment does not impose specific limitations. In this embodiment, the user can create a target folder on the electronic device, assuming the target folder is named `localServer`. This target folder is mainly used to store compressed files (such as `dist.tar` files) and static files (`index.html` files). The user can also globally install a static file server on the electronic device to display the static files in the target folder directory. In this way, the developed web user interface can be automatically packaged into a compressed file using the `scripts` command configured on the electronic device, and the compressed file can be placed in the `localServer` folder. Simultaneously, the static file server will be automatically started, and the static files in the `localServer` folder will be opened through the static file server. When the static file server is started, its display effect is as follows: Figure 3 As shown, assuming the obtained Internet Protocol address is 172.20.144.81 and the port is 8080, the web page displayed on the electronic device after opening the static file can be as follows: Figure 4 As shown, after the user checks the actual IP address of the target object (assuming it's a smart TV) and confirms that the target object and the electronic device are on the same local area network, they need to enter the actual IP address of the target object and then click the "Connect to TV" button. Once the connection is successful, the command to copy the compressed package is: `autocopy http: / / 172.20.144.81:8080 / dist.tar`. Then, clicking the "Send Command" button sends the compressed package to the target object, which will invoke the target object's preset interface and automatically complete a series of related processes. Therefore, in this embodiment, only one static file server needs to be started to open the static file and transfer the compressed package based on the obtained Internet Protocol address and port. There is no need to start the static file server twice, thus further optimizing the development and debugging process of the web user interface.

[0093] See Figure 5 , Figure 5 This is a schematic diagram of the structure of a web page user interface development and debugging device provided in an embodiment of this application. Figure 5 As shown, the development and debugging apparatus 500 for the web user interface includes:

[0094] The acquisition module 501 is used to acquire the compressed package corresponding to the webpage user interface to be debugged;

[0095] The display module 502 is used to start a preset static file server and display the web page operation page through the static file server. The web page operation page is generated based on static files, which are used by the static file server to read.

[0096] The receiving module 503 is used to receive the user's first input operation based on the webpage operation page;

[0097] The transmission module 504 is used to transmit the compressed package to the target object in response to the first input operation. The target object is pre-configured with preset instructions, which are used to display the web page user interface corresponding to the compressed package so that the user can carry out development and debugging based on the display effect.

[0098] Furthermore, the transmission module 504 includes:

[0099] The processing submodule is used to respond to the first input operation, establish a connection with the target object, and call the preset interface in the target object. The preset interface is used to call preset instructions.

[0100] The transmission submodule is used to transmit the compressed package to the target object through a preset interface.

[0101] Furthermore, the first input operation includes a first input sub-operation and a second input sub-operation, wherein the first input sub-operation is used to input an Internet Protocol address and the second input sub-operation is used to input a send command;

[0102] The processing submodule includes:

[0103] The establishment unit is used to respond to the first input sub-operation, determine the target object based on the input Internet Protocol address, and establish a connection with the target object, wherein the Internet Protocol address of the target object and its own Internet Protocol address belong to the same local area network;

[0104] The calling unit is used to respond to the second input sub-operation and call the preset interface according to the input sending command.

[0105] Furthermore, the development and debugging apparatus 500 for the web user interface also includes:

[0106] The first sending module is used to send an instruction to update the code to the target object in response to the second input operation; or,

[0107] The second sending module is used to send a log feedback instruction to the target object in response to the third input operation.

[0108] Furthermore, the display module 502 includes:

[0109] The read submodule is used to read the contents of static files from a static file server;

[0110] The display submodule is used to display the webpage operation page based on the content in the static files.

[0111] Furthermore, the development and debugging apparatus 500 for the web user interface also includes:

[0112] Create a module to create the target folder;

[0113] The storage module is used to store compressed packages and static files in the target folder.

[0114] It should be noted that the web page user interface development and debugging device 500 can implement the steps of the web page user interface development and debugging method provided in any of the aforementioned method embodiments, and can achieve the same technical effect, which will not be elaborated here.

[0115] like Figure 6 As shown in the illustration, this application also provides an electronic device, including a processor 611, a communication interface 612, a memory 613, and a communication bus 614, wherein the processor 611, the communication interface 612, and the memory 613 communicate with each other via the communication bus 614.

[0116] Memory 613 is used to store computer programs;

[0117] In one embodiment of this application, when the processor 611 executes a program stored in the memory 613, it implements the web page user interface development and debugging method provided in any of the foregoing method embodiments, including:

[0118] Obtain the compressed file corresponding to the user interface of the webpage to be debugged;

[0119] Start the preset static file server and display the web page operation page through the static file server. The web page operation page is generated based on static files, which are used by the static file server to read.

[0120] Receive the user's first input operation based on the webpage;

[0121] In response to the first input operation, the compressed package is transmitted to the target object. The target object is pre-configured with preset instructions, which are used to display the web page user interface corresponding to the compressed package, so that users can carry out development and debugging based on the display effect.

[0122] like Figure 7As shown, this application embodiment also provides a development and debugging system 700, which includes a smart TV 701 and an electronic device 702 provided in the foregoing embodiments. The smart TV 701 and the electronic device 702 are wirelessly connected. It should be noted that the electronic device 702 in this application embodiment can implement the steps of the web user interface development and debugging method provided in any of the foregoing method embodiments, which will not be described in detail here.

[0123] This application also provides a computer-readable storage medium storing a computer program thereon, which, when executed by a processor, implements the steps of the web page user interface development and debugging method provided in any of the foregoing method embodiments.

[0124] It should be noted that, in this document, relational terms such as "first" and "second" are used merely to distinguish one entity or operation from another, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Furthermore, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.

[0125] The above description is merely a specific embodiment of the present invention, enabling those skilled in the art to understand or implement the invention. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the invention. Therefore, the present invention is not to be limited to the embodiments shown herein, but is to be accorded the widest scope consistent with the principles and novel features claimed herein.

Claims

1. A method of developing and debugging a web page user interface, characterized by, The method includes: Obtain the compressed file corresponding to the user interface of the webpage to be debugged; Start the preset static file server and display the web page operation page through the static file server. The web page operation page is generated based on static files, which are used for the static file server to read. Receive the user's first input operation based on the webpage operation page; In response to the first input operation, the compressed package is transmitted to the target object, which is pre-configured with preset instructions. The preset instructions are used to display the web page user interface corresponding to the compressed package so that the user can perform development and debugging based on the display effect. Wherein, the step of transmitting the compressed package to the target object in response to the first input operation includes: In response to the first input operation, a connection is established with the target object, and a preset interface in the target object is invoked, the preset interface being used to invoke the preset instruction; The compressed package is transmitted to the target object through the preset interface; The first input operation includes a first input sub-operation and a second input sub-operation. The first input sub-operation is used to input an Internet Protocol address, and the second input sub-operation is used to input a send command. The step of responding to the first input operation by establishing a connection with the target object and calling a preset interface in the target object includes: In response to the first input sub-operation, the target object is determined based on the input Internet Protocol address, and a connection is established with the target object, wherein the Internet Protocol address of the target object and its own Internet Protocol address belong to the same local area network; In response to the second input sub-operation, the preset interface is invoked according to the input sending instruction.

2. The method of claim 1, wherein, After transmitting the compressed package to the target object in response to the first input operation, the method further includes: In response to the second input operation, an instruction to update the code is sent to the target object; or, In response to the third input operation, a log feedback instruction is sent to the target object.

3. The method of claim 1, wherein, The process of displaying the webpage operation page through the static file server includes: The contents of the static file are read from the static file server; The webpage operation page is displayed based on the content of the static file.

4. The method of claim 1, wherein, Before reading the contents of the static file via the static file server, the method further includes: Create the target folder; The compressed file and the static file are stored in the target folder.

5. An apparatus for developing and debugging a web page user interface, characterized by: The device includes: The acquisition module is used to acquire the compressed package corresponding to the webpage user interface to be debugged; The display module is used to start a preset static file server and display the web page operation page through the static file server. The web page operation page is generated based on static files, which are used by the static file server to read. The receiving module is used to receive the user's first input operation based on the webpage operation page; A transmission module is used to transmit the compressed package to a target object in response to the first input operation. The target object is pre-configured with preset instructions, which are used to display the web page user interface corresponding to the compressed package so that the user can perform development and debugging based on the display effect. Wherein, the step of transmitting the compressed package to the target object in response to the first input operation includes: In response to the first input operation, a connection is established with the target object, and a preset interface in the target object is invoked, the preset interface being used to invoke the preset instruction; The compressed package is transmitted to the target object through the preset interface; The first input operation includes a first input sub-operation and a second input sub-operation. The first input sub-operation is used to input an Internet Protocol address, and the second input sub-operation is used to input a send command. The step of responding to the first input operation by establishing a connection with the target object and calling a preset interface in the target object includes: In response to the first input sub-operation, the target object is determined based on the input Internet Protocol address, and a connection is established with the target object, wherein the Internet Protocol address of the target object and its own Internet Protocol address belong to the same local area network; In response to the second input sub-operation, the preset interface is invoked according to the input sending instruction.

6. An electronic device, comprising: It includes a processor, a communication interface, a memory, and a communication bus, wherein the processor, the communication interface, and the memory communicate with each other through the communication bus; Memory, used to store computer programs; When a processor executes a program stored in memory, it implements the steps of the development and debugging method for a web page user interface as described in any one of claims 1-4.

7. A development debugging system characterized by comprising: The development and debugging system includes a smart TV and the electronic device as described in claim 6, wherein the smart TV is wirelessly connected to the electronic device.

8. A computer-readable storage medium having stored thereon a computer program, characterized in that, When the computer program is executed by the processor, it implements the steps of the web page user interface development and debugging method as described in any one of claims 1-4.

Images