前端第三方嵌入防污染总结


搞第三方嵌入需要考虑很多问题,比如说页面加载速度、页面的污染、代码的嵌入位置等。较快的加载速度会提高用户的体验,提高服务的质量,对广告来说,好处更不用说,早点加载出来比没有别用户看到就被关闭的效果要好很多。而防止页面污染是一个需要全方面考虑的问题,出来考虑自身的代码,还需要考虑嵌入环境的代码可能是什么形式的。而嵌入的位置决定了加载时间。这篇文章主要讲讲防污染的方式。

综述

防止页面污染需要从两方面考虑:js和css。

js

  1. 把自己要执行的函数和变量绑定在自己创建的全局变量中,例如window.myCode,所有的。
  2. 创建自己的dom元素,然后把相关的函数和变量都绑定在创建的dom元素中。

css

css的防污染措施思路主要是从选择器的优先级考虑的。
尽量选择优先级高的选择器,例如id选择器,使用后代选择器,同时,选择器名尽量有自己的特色,免得撞衫。

    #myCode{....}
    #myCode a{...}

可以考虑使用不常用的标签,ins这种,尽量降低撞衫的可能性。


发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>