stress-test your layouts
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


stress-test your layouts

basic usage

include on your page after jquery:

<script src=""></script>
<script src="jquery.joyce.js"></script>

then, in your own javascript, use the joyce() method on a jQuery object.

$(document).ready(function() {
    $('article#portrait > p.readable').joyce();

this will replace all (nonempty) text nodes inside those elements (and their descendants) with an excerpt from James Joyce's Finnegan's Wake, designed to drive your layouts crazy!

you can also pass a selector matching elements you'd like joyce to ignore:

$('body').joyce({ exclude: 'a, label, ' });

console usage

in most cases, you won't want to include joyce on a page, but instead test that page's layout directly from a developer console. the easiest way to do this (tested from Chrome), is to enter this at the console:

$('article.dirtyletter > p').joyce();