技术分享

微信小程序引用外部JS和CSS的方法


微信小程序引用外部JS和CSS的方法


在这里很遗憾的告诉大家,微信小程序是不能直接引用外部JS或者CSS文件的。


拿JS来说吧,微信小程序的脚本内是不能使用window等对象的,因为页面的脚本逻辑是在JsCore中运行的,而JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,也没有办法在脚本中操作组件。zepto或jquery 也是无法使用的,因为zepto或jquery 会使用到window对象和document对象,所以也是无法使用。


官网截图

(微信官网截图)


而引用外部CSS方面,由于微信小程序使用的是自行制定的wxss规范,虽然wxss是基于css的一套标准,但是由于后缀名不同, 并且微信小程序默认情况下仅对wxss进行识别,因此也是无法直接进行引用的。唯一的方法就是把css文件中的样式复制拷贝到微信小程序中的wxss文件中。


WXSS简介

(微信官方WXSS简介)


小编今天也是遇到了标题中的问题,在网上查了很多资料,也跟着操作了一下,最终得到以上答案,但好在现在小程序已经相当成熟,各种常用的js和css基本上都能找到对应的小程序版本。小程序做的是否有些封闭了呢,如果使用标准的HTML5技术多好啊,对开发人员来说,省去了大部分的学习成本,对小程序的推广也有积极作用。而且我们公司的H5APP也可以直接 无缝迁移到微信小程序平台了,可惜结果就是这么出乎意料。相信电脑前的你此时一定也是和我一样,在填微信小程序的坑,没办法,谁让他是微信呢,谁让他是有着日活8.5亿的微信呢。呼风唤雨无所不能啊,换做其他APP,开发者才不会搭理呢。好吧,不抱怨了,继续填坑去了,顺便祝大家元旦快乐,好好休息