jquery-mobile/tools/page-change-time.html

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Page Change Timing Bookmarklet</title>
</head>

<body>
<h1>Page Change Timing Bookmarklet</h1>
<p>A simple bookmarklet for timing the load, enhanement, and transition of a jQuery Mobile changePage() request. To use, bookmark the following link:</p>
<script>
document.write('<p><a id="bookmarklet-link" href="javascript:function loadScript(u){var s=document.createElement(\'script\');s.setAttribute(\'language\',\'javascript\');s.setAttribute(\'src\',u);document.body.appendChild(s);} loadScript(\'' + ( location.href.replace( /\.html/, ".js" ) ) + '\');">Page Change Timing Bookmark</a></p>');
</script>
<p>For platforms that don't allow bookmarking of <code>javascript:</code> urls, you can copy/paste the following source for the bookmarklet directly into the browser's location bar then hit enter or hit the &quot;go&quot; button on your keypad:</p>
<p>
  <textarea id="ta" rows="10" cols="50"></textarea>
</p>
<p>NOTE: Some browsers like Chrome will strip off the javascript: prefix from the string above when you paste it into the location bar. Make sure what you pasted is prefixed by javascript: before attempting to load the bookmarklet.</p>
<script>
document.getElementById("ta").value = document.getElementById("bookmarklet-link").href;
  </script>
</body>
</html>
A simple bookmarklet that allows us to attach to a jQuery Mobile application and throw an alert that displays the load, enhancment, and transition times for a page the user navigates to. 2011-11-15 00:22:39 +00:00			`<!DOCTYPE HTML>`
			`<html>`
			`<head>`
			`<meta charset="utf-8">`
Added initial-scale to the meta tags 2011-11-28 20:03:12 +00:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`
Added an index page for the tools directory so we can use the tools directly off the jquerymobile.com site without having to remember the name of the file for a given tool. Note that all links in the index are rel="external" because some of the tool pages need to run JS to set paths, properly. 2012-01-13 18:38:23 +00:00			`<title>Page Change Timing Bookmarklet</title>`
A simple bookmarklet that allows us to attach to a jQuery Mobile application and throw an alert that displays the load, enhancment, and transition times for a page the user navigates to. 2011-11-15 00:22:39 +00:00			`</head>`

			`<body>`
Added an index page for the tools directory so we can use the tools directly off the jquerymobile.com site without having to remember the name of the file for a given tool. Note that all links in the index are rel="external" because some of the tool pages need to run JS to set paths, properly. 2012-01-13 18:38:23 +00:00			`<h1>Page Change Timing Bookmarklet</h1>`
A simple bookmarklet that allows us to attach to a jQuery Mobile application and throw an alert that displays the load, enhancment, and transition times for a page the user navigates to. 2011-11-15 00:22:39 +00:00			`<p>A simple bookmarklet for timing the load, enhanement, and transition of a jQuery Mobile changePage() request. To use, bookmark the following link:</p>`
			`<script>`
			`document.write('<p><a id="bookmarklet-link" href="javascript:function loadScript(u){var s=document.createElement(\'script\');s.setAttribute(\'language\',\'javascript\');s.setAttribute(\'src\',u);document.body.appendChild(s);} loadScript(\'' + ( location.href.replace( /\.html/, ".js" ) ) + '\');">Page Change Timing Bookmark</a></p>');`
			`</script>`
			`<p>For platforms that don't allow bookmarking of <code>javascript:</code> urls, you can copy/paste the following source for the bookmarklet directly into the browser's location bar then hit enter or hit the "go" button on your keypad:</p>`
			`<p>`
			`<textarea id="ta" rows="10" cols="50"></textarea>`
			`</p>`
			`<p>NOTE: Some browsers like Chrome will strip off the javascript: prefix from the string above when you paste it into the location bar. Make sure what you pasted is prefixed by javascript: before attempting to load the bookmarklet.</p>`
			`<script>`
			`document.getElementById("ta").value = document.getElementById("bookmarklet-link").href;`
			`</script>`
			`</body>`
			`</html>`