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

2024-05-14 19:17:39

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

一、PHPStorm 调式Javascript

在PHP Storm中创建test.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<!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文件

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!DOCTYPE html>

<html lang="en">

<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 code2';

?>

</body>

</html>

其中tt为js文件

1

2

3

4

5

6

7

8

9

var test;

var test2;

console.log("hello world!");

console.log("hello world3!");

function testClick(){

console.log("test1");

console.log("test2");

}

在PHP Storm配置如下：

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

源码链接：http://pan.baidu.com/s/1ge4IBRl 密码：be62

参考

Debugging PHP and JavaScript code at the same time in PhpStorm

本文转自Work Hard Work Smart博客园博客，原文链接：http://www.cnblogs.com/linlf03/p/5910289.html，如需转载请自行联系原作者

PHPStorm 调式JS /同时调式PHP和jS相关推荐

【Node.js】2.开发Node.js选择哪个IDE 开发工具呢
安装完Node.js之后,就要为它选择一个有利的IDE用于开发. 相比较了多个IDE之后,定位在webstrom和sublime上. 有一个简单的比较: webstorm功能很丰富,前端开发工具的集大 ...
【深入浅出Node.js系列十一】Node.js开发框架Express4.x
为什么80%的码农都做不了架构师?>>> #0 系列目录# 深入浅出Node.js系列 [深入浅出Node.js系列一]什么是Node.js [深入浅出Node.js系列二]N ...
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法参考文章: (1)微信小程序首页index.js获取不到app.js中动态设置的globalDat ...
React.js 小书 Lesson5 - React.js 基本环境安装
React.js 小书 Lesson5 - React.js 基本环境安装本文作者:胡子大哈本文原文:http://huziketang.com/books/react/lesson5 转载请注明 ...
node.js入门系列(一)--Node.js简介
什么是NodeJS JS是脚本语言,脚本语言都需要一个解析器才能运行.对于写在HTML页面里的JS,浏览器充当了解析器的角色.而对于需要独立运行的JS,NodeJS就是一个解析器. 每一种解析器都是一 ...
js向head中添加js代码
js向head中添加js代码 1.$("<script>").attr("type","text/javascript") .h ...
php与js的关系,Php与Js的交互
设计软件有两种方法:一是简单到极致而明显没有缺陷:另一种是复杂到极致以至于没有明显的缺陷,前者要难得多. -----C.A.R Hoare 本篇主要知识点: JS是什么 Js基础 Js语句 Js与浏览 ...
node.js mysql 不退出_node.js,node-mysql_使用了node-mysql的代码无法自动停止，node.js,node-mysql - phpStudy...
使用了node-mysql的代码无法自动停止 // db.js var mysql = require('mysql'); module.exports = function () { var poo ...
js动态生产html元素,js 动态创建 html元素
js 动态创建 html元素 js学习之动态创建html元素 body{margin:0;padding:0;} .sky{background:#000;width:1000;height:500p ...

最新文章

热门文章