kaptinlin / ViewportResizer

ViewportResizer is jQuery plugin used to quickly change the dimensions of a webpage to test responsive design.

ViewportResizer

ViewportResizer is jQuery plugin used to quickly change the dimensions of a webpage to test responsive design.

Getting Started

Download the production version or the development version.

In your web page:

<script src="jquery.js"></script>
<script src="dist/viewportResizer.min.js"></script>
<script>
jQuery(function($) {
  $.viewportResizer();
});
</script>

Documentation

(Coming soon)

Examples

$.ViewportResizer({
    viewport: 'auto',
    target:'http://foundation.zurb.com',
    components:{
      inputer:true,
      switcher:true,
      iframe:true,
      resizable:true,
      axis:true,
      info:true,
      history:false
    }
});
$.ViewportResizer.go('http://baidu.com');
$.ViewportResizer.use('mobile');
$.ViewportResizer.change({
    target: 'http://baidu.com',
    viewport: 'mobile'
});
$.ViewportResizer.resize({width: 300, height: 400});
$.ViewportResizer.resizeWidth(300);
$.ViewportResizer.resizeHeight(400);

Release History

(Nothing yet)

License

Copyright (c) 2012 KaptinLin Licensed under the CC BY-NC 3.0 license.