Javascript Chrome调试控制台未显示此代码的脚本选项卡_Javascript_Google Chrome_Console

Javascript Chrome调试控制台未显示此代码的脚本选项卡

javascript google-chrome

Javascript Chrome调试控制台未显示此代码的脚本选项卡,javascript,google-chrome,console,Javascript,Google Chrome,Console,Chrome调试控制台（Chrome版本23.0.1271.97）未显示此代码的脚本选项卡。我有一段更复杂的代码需要调试，但是，我必须克服Chrome控制台的问题，所以我提供了这个示例。在此方面的任何帮助都将不胜感激。谢谢 <!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>D

Chrome调试控制台（Chrome版本23.0.1271.97）未显示此代码的脚本选项卡。我有一段更复杂的代码需要调试，但是，我必须克服Chrome控制台的问题，所以我提供了这个示例。在此方面的任何帮助都将不胜感激。谢谢

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Draggable objects</title>
<script type="text/javascript">

var bMouseUp = true, oDragging, nMouseX, nMouseY, nStartX, nStartY, nZFocus = 100 /* the highest z-Index present 

in     your page plus 1 */;

function dragDown(oPssEvt1) {
var bExit = true, oMsEvent1 = oPssEvt1 || /* IE */ window.event;
for (var iNode = oMsEvent1.target; iNode; iNode = iNode.parentNode) {
if (iNode.className === "draggable") { bExit = false; oDragging = iNode; break; }
}
if (bExit) { return; }
bMouseUp = false;
nStartX = nStartY = 0;
for (var iOffPar = oDragging; iOffPar; iOffPar = iOffPar.offsetParent) {
nStartX += iOffPar.offsetLeft;
nStartY += iOffPar.offsetTop;
}
nMouseX = oMsEvent1.clientX;
nMouseY = oMsEvent1.clientY;
oDragging.style.zIndex = nZFocus++;
return false;
}

function dragMove(oPssEvt2) {
if (bMouseUp) { return; }
var oMsEvent2 = oPssEvt2 || /* IE */ window.event;
oDragging.style.left = String(nStartX + oMsEvent2.clientX - nMouseX) + "px";
oDragging.style.top = String(nStartY + oMsEvent2.clientY - nMouseY) + "px";
}

function dragUp() { bMouseUp = true; }

document.onmousedown = dragDown;
document.onmousemove = dragMove;
document.onmouseup = dragUp;

</script>


<style type="text/css">
.draggable {
position: fixed;
left: 0;
top: 0;
width: auto;
height: auto;
cursor: move;
}

#myDiv {
width: 300px;
height: 200px;
left: 200px;
top: 200px;
background-color: #00ff00;
}
</style>
</head>

<body>


可拖动对象
var bMouseUp=true，oDragging，nMouseX，nMouseY，nStartX，nStartY，nZFocus=100/*出现的最高z指数
在您的页面中加上1*/；
功能dragDown（oPssEvt1）{
var bExit=true，oMsEvent1=oPssEvt1 | |/*IE*/window.event；
for（变量iNode=oMsEvent1.target；iNode；iNode=iNode.parentNode）{
if（iNode.className==“draggable”）{bExit=false；oDragging=iNode；break；}
}
if（bExit）{return；}
bMouseUp=false；
nStartX=nStartY=0；
对于（变量iOffPar=oDragging；iOffPar；iOffPar=iOffPar.offsetParent）{
nStartX+=iOffPar.offsetLeft；
nStartY+=iOffPar.OFSETTOP；
}
nMouseX=oMsEvent1.clientX；
nMouseY=oMsEvent1.clientY；
oDragging.style.zIndex=nZFocus++；
返回false；
}
功能拖动（oPssEvt2）{
if（bMouseUp）{return；}
var oMsEvent2=oPssEvt2 | |/*IE*/window.event；
oDragging.style.left=字符串（nStartX+oMsEvent2.clientX-nMouseX）+“px”；
oDragging.style.top=字符串（nStartY+oMsEvent2.clientY-nMouseY）+“px”；
}
函数dragUp（）{bMouseUp=true；}
document.onmousedown=dragDown；
document.onmousemove=dragMove；
document.onmouseup=dragUp；
.拖拉{
位置：固定；
左：0；
排名：0；
宽度：自动；
高度：自动；
光标：移动；
}
#myDiv{
宽度：300px；
高度：200px；
左：200px；
顶部：200px；
背景色：#00ff00；
}

我的chrome版本是25.0.1364.5版，在Max osX中

所以，我只是猜测，您的HTMLDOM结构可能有一些问题。如果没有，您可以打开选项卡“源”，并选择要调试的文件（窗口左侧的源）

鼠标事件太多，你可以考虑Chrome

的“远程调试”