跳转到内容
登录

将 HTML 文件/代码导入到 MasterGo

请根据你的情况选择下面的方法：

1. 如果所有代码都在一个 HTML 文件里的

你看到的内容大概是这样的： 单html文件页面 或者，还有个简单的判断方法：把 HTML 文件放在一个单独的文件夹里，双击它，如果能正常在浏览器打开，图片样式都正常，那么就是代表所有代码都在一个 HTML 文件里。

这种情况下，你无需安装 HTML to MasterGo/Pixso 浏览器插件， 直接在 MasterGo 中打开 HTML to MasterGo 插件，或在 Pixso 中打开 HTML to Pixso 插件， 然后按提示把 HTML 文件拖进去即可。你也可以直接将代码粘贴到文本框里导入。

导入一个 HTML 文件

2. 如果 HTML 文件边上还有些 .css .js 文件

你看到的内容大概是这样的： 除了html文件还有 css js 文件

这种情况下，你有两个选择：

让 AI 只生成一个 HTML 文件

比如：对 AI 说”请把刚刚生成的代码都写到一个 .html 文件里”，或者在最初的 Prompt 里加上类似的这么一句话”请将所有的代码都写到一个 .html 文件里”

或者参考下面的”3. 如果导入的效果不好”

3. 如果导入的效果不好

直接把 HTML 文件拖到插件里导入虽然很方便，但因为浏览器权限的限制，在某些情况下会遇到导入慢、卡顿、部分内容未还原等问题。不过请放心，这些问题都是可以解决的。

具体操作分两步：

  1. 为生成的网页代码启动一个 HTTP 服务（这个步骤很简单，不用担心）

    • 如果你在编辑器里，只需一句话就可以让 AI 帮你启动一个 HTTP 服务器，并生成一个按钮。点击按钮即可在浏览器中打开页面。例如，你可以说：“请帮我打开这个页面”。 扫描下面的二维码，打开视频号观看完整教程： 视频号教程

    • 另外一种方式，请参考本文末尾：为你本地的 HTML 页面启动一个 HTTP 服务

  2. 在浏览器中打开相应的页面，使用 HTML to MasterGo 浏览器插件录制，然后在 MasterGo 中导入

    这种方式打开的页面地址通常是 localhost 或 127.0.0.1 这样的本地地址

如果还有问题 请联系我们的服务经理

附：为你本地的 HTML 页面启动一个 HTTP 服务

  1. 下载安装 Rebex Tiny Web Server (Windows) 或 Simple Web Server (Mac/Windows)
  2. 将 HTML 文件放到网站根目录，如下图中的：C:\temp\web\wwwroot
  3. 然后通过http://localhost:1180/文件名.html这样的地址访问（最终目的还是跟上面的一样，就是让你可以通过网址访问这个网页）
  4. 使用 HTML to MasterGo 浏览器插件来录制页面并导入