RWD Viewer 多媒体查询下的页面实时查看工具

RWD查看器 是一款在开发响应式网站时便于在多个媒体查询中快速查看页面的工具。通过此查看器，您可以在不同屏幕宽度下同时查看同一网页，便于响应式设计。RWD查看器 默认以三种预定义宽度呈现页面，在影院显示器上效果最佳，并推荐搭配LiveReload 使用以实现实时预览更新。使用方法如下：在浏览器中打开您要测试的页面（可以是本地或远程页面），并将页面URL作为参数传递给 RWD-Viewer。例如：rwdviewer/index.html?page=http://elevatorup.com/。您还可以设置书签，通过单击该书签对浏览器中已打开的页面进行 RWD 查看。新书签代码如下：location.href='http://yourdomain.com/rwdviewer/?page='+location.href;。此工具同样非常适合在不同媒体查询下快速截取页面效果。