该源码输入网址后即可显示网址电脑端,平板端,手机端效果,可以用来检测网站自适应效果,也可以通过浏览器控制台截出效果图。
演示截图
使用方法
因为浏览器限制所以不能直接生成图片,怕手动截图每次位置不精准,可以f12
打开浏览器控制台,点击下要截图的div
,我应该有写注释具体哪个div
,然后按ctrl+shift+p
调出一个输入框,在里面直接搜"截图",然后会出来四个选项,选择截取当前元素即可。
源码下载
源码有两个,分别对应文章上方的两个效果图,都是纯html与js实现,不依赖任何语言环境。
版权属于:泽泽社长
本文链接:https://store.typecho.work/archives/website-pc-m.html
本站未注明转载的文章均为原创,并采用
CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!
这个好早之前看过泽泽发过,不过那个页面好像是别人写的,《测测你的网站是否支持响应式》
这个也是别人改的,我又改了下,改成纯html静态的了,不依赖服务器语言了
原来在博客也发了 论坛liao发的应该是一样的东西吧
原理都一样,放这赚点口香糖钱