网站多端效果显示源码

该源码输入网址后即可显示网址电脑端，平板端，手机端效果，可以用来检测网站自适应效果，也可以通过浏览器控制台截出效果图。

演示截图

使用方法

因为浏览器限制所以不能直接生成图片，怕手动截图每次位置不精准，可以f12打开浏览器控制台，点击下要截图的div，我应该有写注释具体哪个div，然后按ctrl+shift+p调出一个输入框，在里面直接搜"截图"，然后会出来四个选项，选择截取当前元素即可。

源码下载

源码有两个，分别对应文章上方的两个效果图，都是纯html与js实现，不依赖任何语言环境。