最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试最全Pycharm教程(1)——定制外观  最全Pycharm教程(2)——代码风格  最全Pycharm教程(3)——代码的调试、运行  最全Pycharm教程(4)——有关Python解释器的相关配置  最全Pycharm教程(5)——Python快捷键相关设置  最全Pycharm教程(6)——将Pycharm作为Vim编辑器使用  最全Pyc

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

如果觉得这篇文章对您有所启发,欢迎关注我的公众号,我会尽可能积极和大家交流,谢谢。 

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试


  最全Pycharm教程(1)——定制外观

  最全Pycharm教程(2)——代码风格

  最全Pycharm教程(3)——代码的调试、运行

  最全Pycharm教程(4)——有关Python解释器的相关配置

  最全Pycharm教程(5)——Python快捷键相关设置

  最全Pycharm教程(6)——将Pycharm作为Vim编辑器使用

  最全Pycharm教程(7)——虚拟机VM的配置

  最全Pycharm教程(8)——Django工程的创建和管理

  最全Pycharm教程(9)——创建并运行一个基本的Python测试程序

  最全Pycharm教程(10)——Pycharm调试器总篇

  最全Pycharm教程(11)——Pycharm调试器之断点篇

  1、总览

  对于Web开发而言,调试Java脚本是十分重要的。为了显示Pycharm对于Java脚本的强大调试能力,我们这里创建一个非常简单的脚本,用以展示一些简单的浏览器页面,然后在服务器上对其进行调试。

  为了能够在外部服务器上进行调试,需要在上面运行程序文件,同时在你的电脑上拷贝一份。不过没关系,无论Web服务器是运行在物理远端还是运行在你的电脑上,其中的应用程序都可以看成是一个远程服务程序。

  当一个使用JavaScript生成的远程文件打开时,调试器会告诉Pycharm当前处理文件的名称以及对应的行号。Pycharm会打开本地副本并定位到相应的行。Pycharm的这种行为使得服务端和客户端的文件进程保持同步。这种通信机制成为映射(mapping),在debug配置文件中保留了相关的设置信息。

  2、准备工作

  (1)Pycharm版本为3.0或者更高。

  (2)使用谷歌浏览器(这篇教程是基于谷歌Chorme的)

  (3)你已经安装了JetBrains IDE Support外部插件。如果你是第一次加载调试器,Pycharm会给出你关于安装JetBrains IDE Support外部插件的重要性。

  举个例子,对于浏览器,当在地址栏的右侧显示最全Pycharm教程(12)——Pycharm调试器之Java脚本调试图标,并且非透明,说明插件已经安装并且成功激活。

  可以在https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji下载和安装JetBrains IDE Support外部扩展。

  建议使用XAMPP作为服务端程序(文章是针对XAMPP的)。

  3、创建一个简单的工程

  在主菜单中选择File→New Project,选择一个空工程,命名为MyJSProject:

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

  在一个独立的窗口中打开这个工程:

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

  4、实例准备

  首先,创建一个HTML页面。在工程管理窗口中按下Alt+Insert,在弹出的快捷菜单中选择HTML文件类型,命名为numbers:

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

  Pycharm会在生成的HTML文件中添加一些原始内容。接下来,向其中嵌入一个JavaScript文件,在<body>标签下输入一下代码:

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

  在输入代码时注意体会Pycharm的拼写提示功能:

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

  完成后,注意文件名numbers.js以高亮的形式给出。这说明当前的JavaScript文件不存在。在将光标定位在名称“numbers”上,按下Alt+Enter(或者单击左侧的小黄色灯泡);会给出快捷提示——创建一个缺省文件:

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

  通过这个快捷方法,已将创建好了原始的JavaScript文件,接下来输入下面代码:

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

   5、设置断点

  接下来在JavaScript文件中插入断点,非常简单,在右侧单击即可:

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

  6、配置服务器

  7、创建一个服务器

  打开Settings/Preferences对话框(Ctrl+Alt+S或者单击主菜单的设置按钮),单击Deployment page页面的绿色的加号,将服务器命名为MyRemoteServer,指定类型为local or mounted server。

  8、配置映射连接

  接下来配置创建的服务器。在Connection选项卡中,输入需要加载的本地文件的目录,这里为C:\xampp\htdocs,也就意味着将从这个目录来上传本地文件:

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

  单击Mappings选项卡,在这里定义本地路径,服务器的部署路径(与Connection选项卡的设置相同),以及服务器的Web路径:

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

  9、定义项目的默认服务器

  指定创建的服务器为当前项目的默认服务器,只需在Deployment toolbar中单击最全Pycharm教程(12)——Pycharm调试器之Java脚本调试按钮。

  10、预览服务器

  接下来需要确认我们的服务程序能够在Pycharm的可视化窗口中顺利上传和运行。在主菜单中选择Tools → Deployment → Browse Remote Hosts。远程Host控制窗口会显示当前新开启的服务:

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

  11、向服务器应用中部署文件

  在Pycharm中这个操作非常简单。在主菜单中选择Tools → Deployment → Upload to MyRemoteServer,确保新目录C:\xampp\htdocs已经在服务器上顺利创建。

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

  另一种方式可以通过右击文件,在快捷菜单中进行操作。当然二者都需要通过Upload to MyRemoteServer命令来完成。

  12、调试

  13、开始调试

  开始调试后,将会在浏览器中显示你的HTML页面,同时调试窗口 Debug tool window开启。应有程序会在命中第一个断点的时候停止,并用蓝色标记代码行:

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

  更多有关断点的信息参见product documentation中的Breakpoints部分。

  对应用程序进行更为深入的调试,相关的调试信息会显示在调试窗口以及浏览器上:

最全Pycharm教程(12)——Pycharm调试器之Java脚本调试

  单击最全Pycharm教程(12)——Pycharm调试器之Java脚本调试最全Pycharm教程(12)——Pycharm调试器之Java脚本调试控制代码的调试进程,通过关闭黄色标志或者单价Cancel按钮来终止调试。 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/175039.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • uniqueidentifier类型_unique用法及搭配

    uniqueidentifier类型_unique用法及搭配uniqueidentifier  全局唯一标识符 (GUID)。    注释  uniqueidentifier 数据类型的列或局部变量可用两种方法初始化为一个值:     使用 NEWID 函数。    将字符串常量转换为如下形式(xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx,其中每个 x 是 0-9

  • SLAM机器人开发(二)SLAM技术现状

    SLAM机器人开发(二)SLAM技术现状SLAM机器人开发(二)SLAM技术现状激光SLAM2D激光SLAM3D激光SLAM视觉SLAM常见的视觉SLAM视觉SLAM对比视觉SLAM中使用的相机种类视觉SLAM效果图视觉激光融合SLAM激光SLAM2D激光SLAM激光SLAM在SLAM技术中是较为传统且成熟的。2D激光SLAM技术需要输入IMU数据、里程计数据和2D激光雷达数据,经过计算后输出覆盖栅格地图和机器人轨迹。从20世纪90年代EKF-SLAM的提出开始,陆续出现了UKF-SLAM、PF-S

  • JavaScript数组-冒泡排序

    JavaScript数组-冒泡排序数组的冒泡排序算法也算一道经典面试题了,这里也给大家分享一下JavaScript中关于数组的冒泡排序的写法和思路:先给大家上代码:<script>//冒泡排序:将数组中的数字按照从大到小或从小到大的顺序排序vararr=[2,4,5,1,3];for(vari=0;i<arr.length-1;i++){//外层循环管趟数,即数组的全部项数都排好一共需要比较多少次一趟排好一个,注意趟

  • 到小公司去

    到小公司去

  • KAZE 特征笔记

    KAZE 特征笔记KAZE特征主要通过非线性扩散滤波器建立非线性尺度空间,而非线性扩散的解决方案则是通过AOS方案解决的,特征的检测与SIFT特征检测相似,都是查找局部极值再亚像素化精确定位,而特征的描述子则是所使用M-SUFR描述子

  • SDN网络形象化(网络服务的内容是什么)

    https://blog.csdn.net/letterwuyu/article/details/79933362

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号