<html>
<head>
<title>jQuery Mobile test page</title>
<meta charset=utf-8 />
<meta name="viewport" content="width=device-width, initial-scale="1"">
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
<style type="text/css">
<!-- custom style overrides go here -->
</style>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Issue template</h1>
</div><!-- /header -->
<div data-role="content">
<h1>How to submit an issue in jQuery Mobile</h1>
<p>If you think you've found a bug, please report it by following these instructions: </p>
<ol>
<li>Make sure that the bug still exists at <a href="http://jquerymobile.com/test/">jquerymobile.com/test</a> (up-to-the-minute latest build) as it may be fixed already. </li>
<li>Check to see if the issue has already been reported in the <a href="https://github.com/jquery/jquery-mobile/issues">issue tracker</a>. </li>
<li>If you found a issue to report, start by creating a simplified test page in this jsbin that uses the least amount of code to illustrate the problem. We won't review a complex page or site with a note "this is broken".</li>
<li>Include a detailed set of steps to reproduce the issue on your test page</li>
<li>Specify what device, OS version, and browser/version where the issue can be seen</li>
<li>If this is a regression, specify what version of the jQuery Mobile code or commit where things were working correctly.</li>
</ol>
<p>This page links to the latest JS and CSS files and will be updated with each new commit within one minute.</p>
<h3>Using JS Bin</h3>
<p>Since this tool uses hash changes in the URL, it can confuse jQuery Mobile. Do not turn on the real-time preview feature. To view your changes, hit the "Save" link, then click on the link that appears to the left of the button. To edit, press the back button or add /edit/ after the URL. </p>
</div><!-- /content -->
<div data-role="footer">
<h4>Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
</body>
</html>
Output
300px
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. |