Question

我正在创建一个小屏幕插件，任何用户都可以在您的网站上实现。它类似于Zopim和tawk.to这样的聊天室，用户可以在网站上输入特定的代码javascript并粘贴到导入盒子屏幕的网站上。

在我的情况下，我采取了一些预防措施：

使用(id="____Plug___Box")
所有sub-div的css，必须先调用前一个div，然后调用当前div #___Plug___Box #BoxInside

但为什么我这样做？因为我有点担心外部CSS会影响我的插件。

在我的情况下，我告诉用户始终在页面底部实现我的javascript代码（远离那种事情），我正在做正确的方法吗？我还应该在代码中实现其他任何可以防止外部CSS干扰的内容吗？

在Zopim的情况下，他似乎使用css-inline，这将是一件好事吗？

Answer 1

用户始终可以覆盖您的代码。但是你可以提供随机id前缀并从js端创建所有元素。使用内联CSS也会有所帮助。

var idPrefix = 'myPl'+(Math.rand() * 1000);

$('<div/>', {
    style: 'color: red;',
    id: idPrefix+'-wrapper',
    html: $('<span/>', {'class': idPrefix+'-header'})
});

我建议使用核心类进行js操作，并支持可以覆盖的显示类。

<span class="myPl-js-click-for-action myPl-css-color-red">Click this red text</span>

注意为外部站点创建代码

1 个答案: