Display viewport width with jQuery

viewportwidth.js

/**
 * Display your window width - useful for responsive web design
 * @author: Rutger Laurman
 */

// Ready?
$(function(){

  // Create debug element
  $("body").append("<div style='position:fixed;top:0;left:0;border:1px solid #999;background:#eee;' id='viewportwidth'></div>");

  // Set contents on resizing window
  $(window).resize(function(){$("#viewportwidth").html($(window).width());});

  // Trigger resize event
  $(window).resize();
});

@joshintosh Maybe it has something to do with browserbars or the padding on your html or body tag. Does it do the same with other websites?

Also this snippet evolved into this: https://gist.github.com/lekkerduidelijk/3060429

Do check out @roelven his version, it's more stable than mine: https://gist.github.com/lekkerduidelijk/3060429#comment-757435