朋友圈都在晒下雪，今天，MixLab 教大家如何在屏幕上看雪。
使用 chrome 的扩展，注入下雪的代码到任意网页，如下图：
如何实现的？
chrome 扩展主要的文件是 manifest.json 这个文件。
{ "manifest_version": 2, "name": "SnowHere", "version": "1.0", "description": "by Design-AI-Lab", "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html"
}, "permissions": [ "*://*/*","tabs"
], "content_scripts":[{ "js":["jquery.min.js","snowfall.jquery.min.js","app.js"], "matches":["<all_urls>"], "run_at": "document_idle"
}]
}记住 manifest_version 必须为 2
在 app.js 写入要注入的 js 代码即可实现。
var url=window.location.host;if (url.match('wx.qq.com')) {
$(document).snowfall({ collection : '.ng-scope', flakeCount :250, maxSpeed : 8, maxSize : 5});
} else {
$(document).snowfall({ flakeCount : 280, maxSpeed : 18, maxSize : 6});
}url.match 我给微信网页版专门加了个积雪的命令，有兴趣可以给自己想要有积雪效果的网页编写代码。
源文件很简单，有兴趣下载查看。
安装拓展体验路径如下：
1
首先点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择更多工具选项，然后点击扩展程序 来启动Chrome浏览器的扩展管理器页面。
2
解压下载的文件（百度网盘），保存到系统的一个任意文件夹下。
3
在勾选开发者模式选项以后，在该页面就会出现加载正在开发的扩展程序等按钮，点击“加载正在开发的扩展程序 ”按钮，并选择刚刚解压的文件夹的位置。
链接: https://pan.baidu.com/s/1c3su27e
密码: enye
4
任意打开一个网页即可体验，打开微信网页版，会有积雪效果哦～
ps：
下周跟Get合作了一个小型活动，可以点击 阅读原文 查看。
以下为广告：
付费社群--知识星球
1 看到一些好案例，关键技术解决方案，写出文章又不成体系，发星球;
2 我会在知识星球发一些非常机密的研究心得;
3 一些非常有技巧的知识，给付费用户;
4 公众号的迭代版本，针对文章发更为升级、核心的内容。
5 当然，还有资深的专家在星球里。
免费社群--MixLab微信群
聚集各路跨界能手——有各领域的设计师、程序员、算法专家。
也许我们可以一块做点好玩的事情。如需入群可以联系我。
关于：
本公众号定期更新人工智能&设计&科技内容。
谈点设计，敲点代码，偶尔创作点人工智能实验产品。
