指導如何使用網絡風暴7.0。需要調試控制檯

我正在評估web風暴7.0。我正在使用默認的localhost：63342。我正在使用我的默認瀏覽器最新的Chrome瀏覽器。指導如何使用網絡風暴7.0。需要調試控制檯

問題：在調試模式下，控制檯選項卡（位於調試器選項卡的右側）有一個窗口，光標閃爍但禁用編輯。無論我是進入還是讓程序運行，都不會顯示任何內容。

我需要一個關於如何使用網絡風暴控制檯的簡單指南。線條console.log（「將商品添加到購物車」）;似乎並沒有執行。

<html ng-app="myApp"> 
<head> 
<meta charset="utf-8"> 
<title>Shopping List AngularJS Tutorial</title> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"> </script> 
<!--<script src="js/appctrl.js"></script>--> 
</head> 
<body> 
<h1>Shopping List</h1> 

<div ng-controller="AppCtrl"> 
<p>Using a controller: data.message={{data.message}}!</p> 
</div> 
<h1>Shopping List</h1> 
<form ng-submit="addItem()"> 
<input type="text" placeholder="item to add" ng-model="itemToAdd" /> 
<input type="submit" value="add"> 
</form> 

<br> 
<hr> 

</div> 


var myApp = angular.module('myApp', []); 
function AppCtrl($scope) { 
    $scope.data={message:'I am a java object data with this message in MyCtrl'}; 
    $scope.addItem = function() { 
     console.log("adding item to shopping cart"); 
    }; 

}

有關完整的代碼谷歌：learnwebtutorials angularjs教程 - seriesBatarang.I我不會讓人提出這樣一個簡單的問題，但一直停留了好幾天了。

編輯：這工作：

<button onclick="tryConsole()">Try it</button> 

<script type = "text/javascript"> 
    function tryConsole() { 
    console.log("hello world"); 
    } 
</script>

顯然，問題可能出在角教程代碼中:-(在WebStom enter image description here

來源

2013-12-09 scalaGirl

調試器控制檯不是交互式的 - 你不能鍵入它
沒有什麼特別需要看到console.log輸出 - 只需在調試器中運行angular.js應用程序：右鍵單擊您的.html文件並選擇「de錯誤'，頁面將被加載到瀏覽器中。在文本框中輸入文本，按Add - console.log（）消息將被打印到調試器控制檯

來源

2013-12-09 13:39:08 lena

請參閱編輯：當我運行或逐步完成您的建議時會發生什麼。 – scalaGirl

適合我。如果你沒有設置任何斷點，在調試器中運行代碼時是否打印到控制檯？從截圖中不清楚代碼是否實際執行 - 斷點沒有命中。請你可以附上你的完整項目（壓縮）？ – lena

莉娜我在哪裏可以附加一個zip文件給你？我沒有看到在stackoverflow中的這個選項。 – scalaGirl

指導如何使用網絡風暴7.0。需要調試控制檯

回答

相關問題