HTML 查看器与编辑器

即时在线查看、编辑和预览 HTML、CSS 和 JavaScript 代码。

如何使用 HTML 查看器

1

1. 输入代码

将您的 HTML、CSS 和 JS 代码键入或粘贴到编辑器中。

2

2. 实时预览

在预览窗格中即时查看更改。

3

3. 复制或下载

一键复制代码或将其下载为 HTML 文件。

HTML 查看器常见问题

我的 HTML 代码会发送到服务器吗？

不会，所有代码处理和预览完全在您的浏览器中进行。我们不会存储或将您的代码发送到任何服务器，从而确保完全的隐私。

我可以使用 CSS 和 JavaScript 吗？

可以，您可以在 HTML 文档中的 <style> 标签内包含 CSS，在 <script> 标签内包含 JavaScript。

如何停止在每次击键时刷新预览？

您可以取消选中工具栏中的“自动运行”选项。这允许您输入代码，并仅在单击“运行代码”时手动更新预览。

此 HTML 查看器是否支持 Bootstrap 或 Tailwind 等外部库？

支持，您可以通过将 CDN 链接添加到 HTML 代码的 <head> 部分来加载外部库。

我可以在移动设备上使用此工具吗？

可以，编辑器具有响应性并适用于移动设备，尽管由于分屏布局，大屏幕提供了更好的编码体验。

如果我编写恶意的 JavaScript 代码会怎样？

预览在沙盒环境中运行，提供一层安全性，但由于代码在您的浏览器中执行，它只会影响您自己的会话。

我如何导出我的工作？

您可以使用“下载 HTML”按钮将代码保存为设备上的 index.html 文件，以供日后处理或托管。

HTML 代码的大小有限制吗？

我们没有施加理论上的限制，但极大的文件（数百兆字节）可能会在渲染期间减慢您的浏览器速度。

为什么有些 iframe 在预览中不起作用？

出于安全原因，某些网站会阻止将其自身嵌入 iframe 中（使用 X-Frame-Options 标头）。这是来自目标站点的安全限制。

编辑器是否支持自动完成和语法高亮显示？

支持，我们使用与 VS Code 相同的技术构建的高级编辑器，它提供语法高亮显示、自动闭合标签和代码格式化功能。