javascript - 从 RSS feed 开发小部件的最佳方法是什么？

Question

从 RSS feed 开发小部件的最佳方法是什么

1. 在所有内容上均匀渲染 网站和浏览器

2. 可以轻松嵌入其他网站，无需 遇到任何问题吗？

我尝试过以下方法，但每个方法都有自己的问题

使用 Javascript:将此类小部件嵌入其他网站时，该小部件的样式与网站的样式重叠。因此，它不会在所有网站中统一呈现。

使用 html/IFrame:由于 iframe 嵌入在其他网站上，我无法根据内容使用 javascript 动态设置 iframe 的大小(不允许跨域脚本) .因为哪个滚动条出现了.哪个不好？并且没有用户会嵌入小部件。

那么关于如何开发一个在所有网站上均匀呈现而没有任何问题的小部件有什么指南/建议吗？

Answer 1

两者中风格问题更容易解决。如果您使用 Javascript 进行渲染，您可以注入(inject)您自己的 CSS 规则，这些规则仅适用于您的小部件。例如，您可以在小部件的外部 DIV 上放置一个 ID，并通过该 ID 确定所有规则的范围:

#widget *  { 
  font-family: Verdana;
  text-size: 12px;
}

#widget a:link {
  color: blue;
  text-decoration: underline; 
  cursor: pointer;
}

等等。

要解决框架调整大小问题，您需要在要嵌入的页面的服务器上托管一些代码，以及一些非常巧妙的脚本来促进框架通信层。