How to export axure file to html

How to export axure files to html: First use the software to open the file that needs to be operated, click the "Publish" tab at the top of the page, and select "Generate HTML File"; then select the specified location in the pop-up window ;Finally click the "OK" button.

The operating environment of this tutorial: windows7 system, Axure RP8.0 version, Dell G3 computer.

Axure RP is a commonly used prototype interface tool. After using the RP tool to create a prototype, how do you demonstrate it to your leaders or customers? The RP tool itself comes with a publishing function, and an HTML file will be generated after publishing. As long as the HTML file is packaged and shared, others can view the prototype interface normally without installing the RP tool.

I use Axure RP8.0 in my daily work, and have installed the Chinese package. The detailed version information is as shown in the screenshot below. If the version is different during use, the menu will be somewhat different, but The operating steps can basically be used for reference.

1. Open a designed RP file normally, as shown in the screenshot below.

2. Click the "Publish" button in the menu above, and click "Generate HTML File" in the pop-up options. The detailed operation is as follows. The red icon is located below.

3. In the new window that pops up, you can set the folder location where the HTML file is saved. This location must be remembered, otherwise the generated file will not be found. . Other configurations are as shown in the figure below by default.

4. Open the folder directory you just set on your computer. You can see that many pages have been generated under the folder, as shown in the figure below.

The above has completed the HTML file generation. Find the "index.html" file in the generated folder and choose to open it with IE browser

If you choose other browsers, such as 360 Browser When you open the "index.html" file, you will find that the page jumps to the screenshot below. At this time, please open the "index.html" file with a text document and find " window.location = 'resources/chrome/ chrome.html';" you can delete or comment it, so that the page can be opened normally.

Recommended learning: html video tutorial

The above is the detailed content of How to export axure file to html. For more information, please follow other related articles on the PHP Chinese website!