<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div class="container">
<div class="col-left">
<div class="sidebar">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut accusantium saepe, ratione in tempora reiciendis deserunt sint, nesciunt voluptatibus sed quisquam itaque temporibus sapiente neque quos quibusdam suscipit qui. Natus qui aperiam quae, iure vitae, minus magnam nihil mollitia non temporibus ab eius exercitationem consequuntur est maxime et illo sint.</p>
</div>
</div>
<div class="col-main">
<div class="main">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat reiciendis rerum, aliquid fuga esse! Qui, officia, impedit. Amet, quasi, numquam dolores quibusdam sint aspernatur vel tenetur non molestias maxime in blanditiis, exercitationem saepe ea, reiciendis et rem labore impedit accusamus ipsum! Voluptate magnam accusamus explicabo velit iste placeat rem minus recusandae natus aperiam architecto vel, obcaecati enim! Dicta eos sapiente id minus fugiat placeat laudantium, quidem, excepturi ducimus. Earum temporibus sit, saepe aliquam voluptate labore laborum ratione consequatur dolores, itaque suscipit quae iusto iure expedita asperiores doloribus cumque amet, inventore tempore! Mollitia sequi consectetur quas nam enim nulla id neque animi velit, accusantium ipsum totam sunt ad. Nemo reiciendis, veniam ipsa eum asperiores nulla pariatur distinctio cumque similique error quod cum accusamus nam, nihil sed odio necessitatibus dicta incidunt voluptatem ex! Incidunt vero maiores expedita alias minus, blanditiis ut similique. Illum quisquam sit aperiam consequuntur corporis totam, quis maxime, sint sapiente commodi pariatur dolor tempora quae quaerat numquam error nesciunt. Dignissimos cupiditate minima impedit iste, possimus suscipit nulla sapiente aliquam eos incidunt aut, quam consequuntur porro! Saepe nostrum ipsum expedita repellat alias excepturi fuga possimus at accusantium. Eos similique voluptas sequi, praesentium doloribus expedita nam at ipsum culpa libero dolorem.</p>
</div>
</div>
</div>
</body>
</html>
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |