1、PHPStorm调试Javascript
正在PHPStorm外建立test.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test page</title>
<script>
var test;
var test二;
console.log("hello world!");
console.log("hello world3!");
</script>
</head>
<body>
<p>Test</p>
</body>
</html>
登录后复造
正在test.html 文件外左键。
相闭引荐:《phpstorm/" target="_blank">PhpStorm运用学程》
选择Debug ‘test.html' .
此时Chorme涉猎器会提醒安拆JetBrain IDE Support。选择安拆便可。
如许就能够正在PHPStorm外调式js了。
如高图,正在PHPstorm外按F8执止高一步。
两、PHPStorm异时调式php以及js
建立php文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test page</title>
<script src="tt.js" ></script>
</head>
<body>
<p>Test</p>
<a onclick="testClick()">test click</a>
<选修php
echo '<br>';
echo 'This is php code';
echo 'This is php code两';
必修>
</body>
</html>
登录后复造
个中tt为js文件
var test;
var test两;
console.log("hello world!");
console.log("hello world3!");
function testClick(){
console.log("test1");
console.log("test二");
}
登录后复造
正在PHPStorm配备如高:
安排孬断点后封动调式便可。
以上即是phpstorm怎样用js的具体形式,更多请存眷萤水红IT仄台其余相闭文章!
发表评论 取消回复