Question

我正在评估Web Storm 7.0。我使用的是默认的localhost：63342。我正在使用我的默认浏览器最新的Chrome。

问题：在调试模式下，“控制台”选项卡（位于调试器选项卡右侧）有一个窗口，光标闪烁，但编辑被禁用。无论我是介入还是让程序运行，都不会显示任何内容。

我需要一个关于如何使用Web Storm控制台的简单指南。行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");
    };

}

完整的代码google：learnwebtutorials angularjs-tutorial-seriesBatarang。我很尴尬地问这么简单的问题但是已经被困了好几天了。

编辑：这有效：

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

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

显然问题可能在角度教程代码中:-( enter image description here

Answer 1

WebStom中的调试器控制台不是交互式的 - 您无法输入
在那里看到console.log输出没什么特别的 - 只需在调试器中运行你的angular.js应用程序：右击你的.html文件并选择'debug'，页面将被加载到浏览器中。在文本字段中输入文本，按添加 - console.log（）消息将打印到调试器控制台

有关如何使用Web Storm 7.0的指南。调试控制台需要

1 个答案: