A responsiveness testing tool on browsers
What is it?
- Open source, under Apache-2.0 license
- Speed up your designing, testing responsiveness of your site in 1 click
- Bundled with an extendable list of common mobile devices.
- Screenshots
Demo :
Others :
<html>
...
<link rel="stylesheet" href="//cdn.jsdelivr.net/emujs/1.0.3/emu.css">
</head>
<body>
...
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//cdn.jsdelivr.net/emujs/1.0.3/emu.js"></script>
<script>emu();</script>
</body>
</html>- Download here or
// with bower
bower install emujs
// or with npm
npm install --save emujs- Add
emu.jsto html file
<html>
...
<link rel="stylesheet" href="path/to/emu.css">
</head>
<body>
...
<!-- optional - only if you want to take screenshots -->
<script src="path/to/html2canvas.js"></script>
<!-- must be loaded -->
<script src="path/to/jquery.min.js"></script>
<script src="path/to/emu.js"></script>
<script>emu();</script>
</body>
</html>Everyone is welcomed :)
Here is some steps :
- Make sure you have a Github account and have installed npm
- Fork this repo, then clone with
git@github.com:your-user-name/emujs.git - Run
npm installto install all dependencies, if you haven't installed grunt-clinpm install -g grunt-cli - Run
grunt testto be sure everything is working - Make your changes ( optional write an additional test file if you'are adding something and the old test files cannot cover )
- Run
grunt testagain to make sure everything is working - Push to your fork, create a pull request and write a good commit message.
This project is actively maintained. Please feel free to contact me if you need any further assistance.
Enjoy 🍻