javascript - 如何正确测试 javascript 小部件？

Question

因此，我编写了一个小的 javascript 小部件。用户所要做的就是将脚本标记粘贴到页面中，然后在它的正下方插入一个包含用户请求的所有内容的 div。

许多网站都在做类似的事情，例如 Twitter、Delicious 甚至 StackOverflow。

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

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

Answer 1

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

CSS

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

HTML

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

Javascript

• 没有启用 Javascript 的预期行为是什么？如果您的脚本创造了一切，那么没有 JS 就什么都没有是可以接受的吗？