10、Netvibes 小部件开发全攻略

Netvibes 小部件开发全攻略

Netvibes 是一个独特的平台，其小部件架构与其他平台有所不同。下面将详细介绍在 Netvibes 上开发小部件的相关内容。

Netvibes 小部件架构特点

Netvibes 小部件架构有其独特之处。大多数平台会将网页小工具与平台的附加文件打包在一起，而 Netvibes 则选择通过添加额外的元标签和其他元素来扩展小部件的 HTML 本身。这使得开发 Netvibes 小部件的过程与普通网页开发过程非常相似，你需要编辑 .html、.js 和 .css 文件，并将它们上传到服务器。

Netvibes 还会直接将你的小部件代码嵌入到用户在 netvibes.com 的页面中，不会使用 iframe 或其他技术将小部件与页面的其他部分隔离开。因此，你在小部件中构建的 JavaScript 和 CSS 命名空间就显得尤为重要，否则可能会与其他代码发生冲突。

小部件的元数据包含在 .html 文件的头部，Netvibes 的小部件引擎会解析这些元数据，并调用各种平台级代码。小部件本身则会从源 HTML 的主体复制到 Netvibes 页面的一个容器 div 中。

在 Netvibes 页面上，小部件以列的形式显示，列的宽度是静态的，但不是固定像素值，而是浏览器窗口宽度的固定百分比。小部件必须在列的宽度范围内运行，但可以根据需要使用合适的高度。

Netvibes 还为小部件提供了几乎所有外部的视觉界面，就像它画好了一个盒子，而你需要做的就是填充内容。

适配核心小部件

从原生网页小工具开始，你需要对 HTML 进行修改，创建一个特定于 Netvib