Codelab Editor
Free Online HTML Editor
Run
Learn jQuery
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery.browser Property Example</title> <script src="https://code.jquery.com/jquery-1.8.3.min.js"></script> <style> body { font-family: Arial, sans-serif; padding: 10px; } .demo-box { border: 1px solid #ccc; padding: 15px; margin-bottom: 10px; } .highlight { background: #f0f8ff; padding: 5px; } </style> </head> <body> <h2>Detect Browser with <code>jQuery.browser</code></h2> <div class="demo-box"> <p>Click the button to detect the browser name and version:</p> <button id="detectBrowser">Detect Browser</button> <p id="output" class="highlight"></p> </div> <script> $(document).ready(function() { $("#detectBrowser").click(function() { var browserInfo = ""; if ($.browser.msie) browserInfo = "Internet Explorer " + $.browser.version; else if ($.browser.mozilla) browserInfo = "Firefox " + $.browser.version; else if ($.browser.webkit) browserInfo = "Webkit (Safari/Chrome) " + $.browser.version; else browserInfo = "Unknown browser"; $("#output").text("Detected: " + browserInfo); }); }); </script> </body> </html>
Editor Commands
Ctrl
F
Find
Ctrl
G
Find Next
Ctrl
⇧
G
Find Previous
Ctrl
⇧
F
Find & Replace
Ctrl
]
Indent Code Right
Ctrl
[
Indent Code Left
⇧
Tab
Auto Indent Code
Ctrl
/
Line Comment
Ctrl
Alt
/
Block Comment
TutsInsider Actions
Alt
S
Run Code
Ctrl
C
Copy Editor Code
Ctrl
A
Select All Editor Code
Ctrl
S
Save/Download
Ctrl
Alt
X
Rotate
Ctrl
Alt
T
Switch Theme
Ctrl
⇧
C
Open Console
Esc
Close Console