首页 > 代码库 > PHPStorm 调式Javascript

PHPStorm 调式Javascript

PHPStorm 调式JS /同时调式PHP和jS

一、PHPStorm 调式Javascript

在PHP Storm中创建test.html

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Test page</title>    <script>       var test;       var test2;       console.log("hello world!");       console.log("hello world3!");    </script></head><body><p>Test</p></body></html>

 在test.html 文件中右键

技术分享

选择Debug ‘test.html‘ .

此时Chorme浏览器会提示安装JetBrain IDE Support。选择安装即可。

这样就可以在PHPStorm 中调式js了。

如下图,在PHp storm中按F8执行下一步

技术分享

 参考 Debug JavaScript

 

二、PHP Storm同时调式php和js

创建php文件

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Test page</title>    <script src="http://www.mamicode.com/tt.js" ></script></head><body><p>Test</p><a onclick="testClick()">test click</a><?phpecho  ‘<br>‘;echo ‘This is php code‘;echo ‘This is php code2‘;?></body></html>

其中tt为js文件

var test;var test2;console.log("hello world!");console.log("hello world3!");function testClick(){    console.log("test1");    console.log("test2");}

在PHP Storm配置如下:

技术分享

设置好断点后启动调式即可。

参考

Debugging PHP and JavaScript code at the same time in PhpStorm

 

PHPStorm 调式Javascript