在****的code上新建的项目，用于js开发的调试工作和其他一些通用工作。
项目地址：https://code.****.net/paiooo/jsdevtool
如：
在页面顶部显示debug信息，
在页面底部显示trace信息，
html元素的简化创建，
字符、邮箱、密码的正则表达式检查，
‘<‘和‘>‘字符的转义。
后续有功能添加还会更新，欢迎大家一起来完善。
在页面顶部提示js代码错误
相关文章
- 07-09嵌入式物联网实战开发笔记-乐鑫ESP32开发环境ESP-IDF搭建【doc.yotill.com】- 图 3.2.1.1 ESP32-IDF 安装包（部分截图） 上图中 ESP32-IDF v5.1.2 - Offine Installer，5.1.2 是当前最新版本，如果没有 ESP32-IDF v5.1.2 - Offine Installer，说明官方有更新最新版本。我们建议使用离线 ESP32-IDF 安装包，因为使用在线 ESP32-IDF 安装包搭建环境需要网络的支持，所以我们不能保证网络下载过程中丢失某些文件，从而导致搭建环境失败。 下载成功后，在安装程序上单击右键选择<以管理员身份运行>运行 esp-idf-tools-setup- 图 3.2.1.2 以管理员身份运行 IDF 安装文件打开安装程序后选择简体中文安装，如下图所示： 图 3.2.1.3 选择简体中文 往下走就是许可协议，勾选“我同意此协议”，单击下一步，如下图所示： 图 3.2.1.4 勾选“我同意此协议” 如果是第一次安装，会出现如下图提示。 安装程序会检查你当前系统有没有打开"长路径支持"，因为 GNU 编译器产生的编译文件会有非常深的目录结构，如果不支持长路径，编译可能出现文件不存在，目录不存在等奇怪的错误。这里单击应用修复按钮，可以修复这个问题。 在弹出的确认对话框中，选择是，开始修复。 图 3.2.1.6 在注册表中启用长路径如果修复不成功，一般情况是安装软件打开时没有使用管理员权限打开，可以手动修改注册表来支持长路径：打开注册表 HKLM\SYSTEM\CurrentControlSet\Control\FileSystem\LongPat hsEnabled 设置为 1。如下图所示： 修复完成之后，点击下一步。 接下来一步，开始选择安装目录，安装程序默认的安装位置为 C:\Espressif，但这里我是安装在 D 盘，如果全部源码编译后可能产生几十 G 的大小占用，我们在 D 盘下创建 ESP32\Espre ssif 文件夹来保存 ESP32-IDF 库安装过程中生成的文件，如下图所示： 图 3.2.1.8 设置安装路径 这个安装路径非常重要，因为 VS Code 软件的 IDF 插件需要此路径来获取相关文件，所以开发者务必牢记该路径。 下一步，确认安装组件，这里全部打勾，默认完全安装时 ESP32C2 是不打勾的（如下图所示），看需要自己选择。然后单击下一步。 图 3.2.1.9 选择安装组件我们选择全部安装。点击下一步再次确认安装目录信息，然后单击安装。安装完成，三个全部勾选，2 用于测试环境安装是否成功，3 是将 IDF 工具链加入杀毒工具排除项，以加快编译速度，如下图所示： 3.2.2 验证 ESP-IDF 库 ESP-IDF 安装完成之后，系统自动打开两个窗口，它们分别为 PowerShell 命令行和传统的 cmd 命令行窗口，分别如下图所示： 从上图中可以看到，当出现红色方框内的内容时，可以初步证明安装是没有问题的，同时这两个窗口都提示“idf.py build”字符串，它是 ESP32-IDF 库提供的编译代码命令。到此，我们如何验证 ESP32-IDF 库安装是否成功呢？这里我们使用 ESP32-IDF 库提供的实例来验证安装是否成功。首先我们打开 D:\ESP32\Espressif\frameworks\esp-idf-v5.1.2\examples\get-started 路径，在此路径下包含三个 ESP32-S3 例程，如下图所示： 这里我们使用第二个例程（hello_world）来验证 ESP32-IDF 库是否安装成功，首先拷贝这里例程的路径，然后在 PowerShell 或 cmd 命令行窗口输入命令“cd D:\ESP32\Espressif\framew orks\esp-idf-v5.1.2\examples\get-started\hello_world”，最后按回车进入此例程，如下图①所示： 此时在此窗口输入命令“idf.py build”（上图②）编译此工程，编译结果如下所示： 窗口提示命令“idf.py -p (port) flash”，证明 ESP32-IDF 库安装完成。开发者也可以使用其他命令来验证，如命令（idf.py Menuconfig 进入菜单配置、idf.py set-target xxx 选择芯片或者是 idf.py monitor 开启监控等）。 3.2.3 添加 ESP32-IDF 的环境变量 按照此过程（此电脑→属性→高级系统→环境变量）打开，如下图所示： 图 3.2.3.1 添加环境变量 如果 ESP32-IDF 库安装成功，则系统自动为我们添加上图中的 IDF_TOOLS_PATH 和 IDF_PATH 环境变量，否则手动添加这两个环境变量。 3.3 搭建开发环境 3.3.1 下载与安装 VSCode 鉴于我们使用的是 VSCode IDE 搭配官方 IDF 的方式进行开发，我们接下来便介绍一下 VSCode 的安装过程。 首先，进入 VSCode 官方下载页面，根据系统需求选择下载安装包下图是 VSCode 图 3.3.1.1 VSCode 官网下载界面 这里，我们选择 Windows 版本进行下载。因为，我们是在 Windows 环境下进行的开发，故在此介绍 Windows 版本的下载步骤。不出意外，其它版本的下载方式应该也是一样的。这里我们不多废话，直接点击下载。 下载完后，我们按照如下所示步骤进行即可： 在该步骤中，路径如需更改的，请您点击“浏览”进行更改，但请注意：修改的路径最好不要出现中文，以避免在往后的开发过程中遇到问题而导致重装软件，这对您来说就得不偿失了。 如需修改，同样点击“浏览”进行设置，无需修改的话直接点击“下一步”即可。 这一步骤同样是有需求的都勾上，我们建议是都勾上。 详细的个性化设置我们便不多介绍了，在这里我们介绍如何设置中文界面。 我们在上图 3.4.8 中找到最左边一栏的“扩展”在搜索框中输入“Chinese”即可出现红色框内的扩展应用，然后我们点击安装并重启软件即可。 至此，VSCode 的安装与配置便算是大功告成了。感谢您能耐心看到此处。
- 07-09数据库管理开发工具Navicat for MySQL Mac版下载
- 07-09BACnet开发资料与调试工具
- 07-09TMS320C6678开发工具包汇总分享（安装包+库+例程+美化工具）
- 07-09使用android studio开发工具编译GBK转换三方库iconv
- 07-09第十六章：开发工具-pdb:交互式调试工具-断点-忽略断点
- 07-09第十六章：开发工具-pdb:交互式调试工具-断点-临时断点
- 07-09第十六章：开发工具-pdb:交互式调试工具-改变执行流-后跳
- 07-09升级开发者工具后调试器Storage和AppData目录找不见解决方法
- 07-09超级好用的小程序版蓝牙调试工具：Ble蓝牙开发助手