☰

ChatGPT 代码预览助手 - Code Previewer for ChatGPT

Preview HTML code on chatgpt.com by adding an iframe below code blocks with class 'language-html'.

目前為 2024-07-15 提交的版本，檢視 最新版本。

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
Hunter David
評價
0 0 0
版本
1.3
建立日期
2024-07-15
更新日期
2024-07-15
尺寸
3.2 KB
授權條款
MIT
腳本執行於

ChatGPT HTML代码预览器


这个油猴脚本名为“ChatGPT HTML代码预览器”，旨在增强ChatGPT网站的用户体验，提供HTML代码片段的实时预览功能。该脚本会自动检测页面上所有带有 language-html 类的HTML代码块，并在每个代码块下方插入一个样式化的预览容器。预览容器包括一个标题“HTML代码预览”和一个iframe，动态渲染HTML代码，使用户能够即时查看其代码在浏览器中的实际效果。这个功能帮助用户更有效地调试和优化HTML代码，提供了一个即时和准确的视觉反馈。安装这个脚本后，它会每隔三秒运行一次，确保所有相关的代码块都被处理并显示其对应的预览。