首页 > 代码库 > 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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。