搞第三方嵌入需要考虑很多问题,比如说页面加载速度、页面的污染、代码的嵌入位置等。较快的加载速度会提高用户的体验,提高服务的质量,对广告来说,好处更不用说,早点加载出来比没有别用户看到就被关闭的效果要好很多。而防止页面污染是一个需要全方面考虑的问题,出来考虑自身的代码,还需要考虑嵌入环境的代码可能是什么形式的。而嵌入的位置决定了加载时间。这篇文章主要讲讲防污染的方式。
综述
防止页面污染需要从两方面考虑:js和css。
js
- 把自己要执行的函数和变量绑定在自己创建的全局变量中,例如
window.myCode
,所有的。 - 创建自己的dom元素,然后把相关的函数和变量都绑定在创建的dom元素中。
css
css的防污染措施思路主要是从选择器的优先级考虑的。
尽量选择优先级高的选择器,例如id选择器,使用后代选择器,同时,选择器名尽量有自己的特色,免得撞衫。
#myCode{....}
#myCode a{...}
可以考虑使用不常用的标签,ins这种,尽量降低撞衫的可能性。