Kimi-preview 是一个代码预览助手,能够在https://kimi.moonshot.cn网页中对生成的 HTML 代码块或者 SVG 代码块 提供便捷的预览功能。
kimi-preview Extension
Kimi Preview is a code preview assistant that provides a convenient preview function for generated HTML and SVG code blocks on the website https://kimi.moonshot.cn.
Users can simply click the \"Preview\" button next to each code block to view the actual effect of the code in a drawer on the right side. This extension supports dynamically loaded code blocks, ensuring that users always have access to the latest preview functionality as the page content updates. Currently, it supports HTML and XML code blocks.
Main features include:
Automatically adds a \"Preview\" button to each HTML code block.
Opens a preview window to display the effect of the code upon clicking the button.
Provides a close button for users to exit the preview easily.
Offers an image download button for users to download the preview image.
Supports dynamic content updates to ensure new code blocks can also utilize the preview feature.
----------
kimi-preview 是一个代码预览助手
能够在https://kimi.moonshot.cn网页中对生成的 HTML 代码块或者 SVG 代码块 提供便捷的预览功能。
用户只需点击每个代码块旁边的“预览”按钮,即可在右侧抽屉查看代码的实际效果。
该扩展支持动态加载的代码块,确保在页面内容更新时,用户始终能够访问到最新的预览功能。
目前支持 html / xml 两类代码块。
主要功能如下:
为每个 HTML 代码块自动添加“预览”按钮。
点击按钮后,打开预览窗口,展示代码效果。
提供关闭按钮,方便用户随时退出预览。
提供图片下载按钮,方便用户下载预览的效果图
支持动态内容更新,确保新添加的代码块也能使用预览功能。
Read more
Users can simply click the \"Preview\" button next to each code block to view the actual effect of the code in a drawer on the right side. This extension supports dynamically loaded code blocks, ensuring that users always have access to the latest preview functionality as the page content updates. Currently, it supports HTML and XML code blocks.
Main features include:
Automatically adds a \"Preview\" button to each HTML code block.
Opens a preview window to display the effect of the code upon clicking the button.
Provides a close button for users to exit the preview easily.
Offers an image download button for users to download the preview image.
Supports dynamic content updates to ensure new code blocks can also utilize the preview feature.
----------
kimi-preview 是一个代码预览助手
能够在https://kimi.moonshot.cn网页中对生成的 HTML 代码块或者 SVG 代码块 提供便捷的预览功能。
用户只需点击每个代码块旁边的“预览”按钮,即可在右侧抽屉查看代码的实际效果。
该扩展支持动态加载的代码块,确保在页面内容更新时,用户始终能够访问到最新的预览功能。
目前支持 html / xml 两类代码块。
主要功能如下:
为每个 HTML 代码块自动添加“预览”按钮。
点击按钮后,打开预览窗口,展示代码效果。
提供关闭按钮,方便用户随时退出预览。
提供图片下载按钮,方便用户下载预览的效果图
支持动态内容更新,确保新添加的代码块也能使用预览功能。
Source Manifest.json
{
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"kimi-preview",
"description":"kimi-preview \u662f\u4e00\u4e2a\u4ee3\u7801\u9884\u89c8\u52a9\u624b,\u80fd\u591f\u5728https://kimi.moonshot.cn\u7f51\u9875\u4e2d\u5bf9\u751f\u6210\u7684 HTML \u4ee3\u7801\u5757\u6216\u8005 SVG \u4ee3\u7801\u5757 \u63d0\u4f9b\u4fbf\u6377\u7684\u9884\u89c8\u529f\u80fd\u3002",
"version":"1.0.4",
"icons":{"16":"icon/16.png",
"32":"icon/32.png",
"48":"icon/48.png",
"96":"icon/96.png",
"128":"icon/128.png"},
"web_accessible_resources":[{"matches":["https://kimi.moonshot.cn/*"],
"resources":["/ui.js"]}],
"content_scripts":[{"matches":["https://kimi.moonshot.cn/*"],
"run_at":"document_end",
"js":["content-scripts/content.js"]}]}
Read more
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"kimi-preview",
"description":"kimi-preview \u662f\u4e00\u4e2a\u4ee3\u7801\u9884\u89c8\u52a9\u624b,\u80fd\u591f\u5728https://kimi.moonshot.cn\u7f51\u9875\u4e2d\u5bf9\u751f\u6210\u7684 HTML \u4ee3\u7801\u5757\u6216\u8005 SVG \u4ee3\u7801\u5757 \u63d0\u4f9b\u4fbf\u6377\u7684\u9884\u89c8\u529f\u80fd\u3002",
"version":"1.0.4",
"icons":{"16":"icon/16.png",
"32":"icon/32.png",
"48":"icon/48.png",
"96":"icon/96.png",
"128":"icon/128.png"},
"web_accessible_resources":[{"matches":["https://kimi.moonshot.cn/*"],
"resources":["/ui.js"]}],
"content_scripts":[{"matches":["https://kimi.moonshot.cn/*"],
"run_at":"document_end",
"js":["content-scripts/content.js"]}]}