This test page worked fine for both my Firefox and IE8 and GoogleChrome and Safari consoles.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Test Page</title>
</head>
<body>
</body>
</html>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
console.log("Hello World!");
});
</script>I don't see any output in the console for either IE8 or FireFox. Could you suggest something that I might be doing incorrectly?
]]>Then choose the "Script" tab on the box that pops up from the bottom of your browser (You may need to enlarge the box as it may come up minimized at first). Then on the right hand portion you see more tabs, but by default "Console" will be chosen.
]]>And then you can start using: console.log(messageVariable)
$(document).ready(function(){
var pTop = $("#content").position().top;
var pLeft = $("#content").position().left;
var h = $("#content").height();
var w = $("#content").width();
console.log("Top: " + pTop + ", left: " + pLeft);
console.log("width: " + w + " height: " + h);Make sure to remove the console.log lines before going live though, they will throw an error message: "Console is not defined" when viewed with browsers without a javascript console.
]]>And, as a sidenote, since you are dealing with HTML code here, you probably should be using <br/>s for line breaks instead of \n.
http://docs.jquery.com/Manipulation/append#content
$(document).ready(function(){
var pTop = $("#content").position().top;
var pLeft = $("#content").position().left;
var h = $("#content").height();
var w = $("#content").width();
$("#message").append( "\n Top: " + pTop + ", left: " + pLeft);
$("#message").append( "<br />");
$("#message").append( "\\n \n \\\n ");
$("#message").append( "width: " + w + " height: " + h);$(document).ready(function(){
var pTop = $("#content").position().top;
var pLeft = $("#content").position().left;
var h = $("#content").height();
var w = $("#content").width();
$("#message").text( "\n Top: " + pTop + ", left: " + pLeft);
$("#message").text( "<br />");
$("#message").text( "\\n \n \\\n ");
$("#message").text( "width: " + w + " height: " + h);
...
Thanks for any help.