跳转到内容
登录

将 HTML 文件/代码导入到 MasterGo

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

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

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

这种情况下，你无需安装 HTML to MasterGo 浏览器插件，直接在 MasterGO 的工作台里打开 HTML to MasterGO 插件，然后按提示把 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 浏览器插件来录制页面并导入