如何正确测试javascript小部件？

Question

所以,我写了一个小javascript小部件.用户所要做的就是将脚本标记粘贴到页面中,然后在其下方插入一个div,其中包含用户请求的所有内容.

许多网站都做类似的事情,比如Twitter,Delicious甚至是StackOverflow.

我很好奇的是如何测试这个小部件以确保它在每个人的网页上都能正常工作.我没有使用iframe,所以我真的想确保这个代码在插入大多数地方时都能正常工作.我知道它在所有浏览器中看起来都一样.

建议？或者我应该只构建一百个网页并插入我的脚本标签,看看它是否有效？我希望有一种比这更简单的方法.

Answer 1

一旦您确认您的 JavaScript 在受控环境中可以跨浏览器工作，以下是在实际网站上使用时可能会导致问题的一些情况：

CSS

• 您使用的 CSS 类已被目标网站使用（用于不同目的）
• 您使用的定位可能会干扰网站的 CSS
• 您正在使用的元素由网站的 CSS 设计样式（您可能希望使用某种仅适用于您的小部件的“重置” CSS）

超文本标记语言

• id您正在创建与网站上已存在的元素具有相同属性的元素
• 您指定的name属性已被使用（虽然name可用于多个元素，但您可能没有想到）

JavaScript

• 如果没有启用 Javascript，预期的行为是什么？如果你的脚本创建了所有内容，那么如果没有 JS，什么都不存在是否可以接受？