javascript - 在任何网站上展示我的 CSS 演示

Question

我开发了一个可以放入任何网站的小组件。现在，我想开发一个代码来演示我的组件在任何网站上的外观。

所以，这个人会来到我的页面并输入他的 URL，然后我的代码应该将我的自定义 JS/CSS 嵌入到下载的 HTML 中并显示它。 Something like this .

在这里，就像反馈选项卡一样，我想在该页面的任何位置显示我的组件。

Answer 1

试试bookmarklet .

创建一段 javascript，将您的代码添加到页面中，如下所示:

javascript:(function(){var%20script=document.createElement('script');script.src='http://www.example.org/js/example.js';document.getElementsByTagName('head')[0].appendChild(script);})()

将其添加为链接的 href，如下所示:

<a href="javascript:(function(){var%20script=document.createElement('script');script.src='http://www.example.org/js/example.js';document.getElementsByTagName('head')[0].appendChild(script);})()">Link Text Here</a>

告诉您的用户将链接拖到他们的书签工具栏，然后在不同的网站上单击它来试用您的代码。

一些例子:http://www.reclaimprivacy.org/ , http://www.readability.com/bookmarklets