前端调试怎么找到对应的js 前端可以做桌面软件开发吗？
前端可以做桌面软件开发吗？
不知名程序员:换个角度看世界，另辟蹊径，提供新的思路和优质答案。前端当然可以做桌面开发。
Electron是一个跨平台的桌面应用程序开发框架。就是用JavaScript，HTML，CSS来构建跨平台的桌面应用。
电子是非常迷人的，因为它是基于 "历史与文学和 "节点 "，一个负责接口，另一个负责背后的逻辑，典型的 "你负责美丽，我负责赚钱养家 "，所以可以理解为什么电子可以开发跨平台的桌面应用。
在这个框架中，基于HTML、CSS和JavaScript技术，很容易构建跨平台的应用。构建的应用程序将很好地兼容Mac、Windows和Linux操作系统。
它还具有其他一些特性:
自动更新-应用程序支持自动更新。
本地菜单和通知——您可以创建本地应用程序菜单和上下文菜单。
应用程序崩溃报告？-崩溃报告可以提交到远程服务器。
调试和分析。;的内容模块可以发现性能瓶颈和缓慢的操作。你也可以在你的应用中使用你喜欢的Chrom
如何更优雅地调试Javascript？
抄袭我的文章，大家可以简单看一下(截图可以 不可复制，抱歉)
介绍
在我们的日常开发中，经常会遇到JavaScript的调试问题，而我们传统的解决问题的方法是使用大量的console.log或者其他方法的console对象，这样会给我们带来很多不便，尤其是遇到复杂的问题，可能会导致大量的console.log，而我们在排除故障后还要回去删除这些调试信息，这就大大降低了我们的工作效率。因此，我们有必要寻找一种更好的解决方案来解决JavaScript的调试问题。毫无疑问，Chrome的调试工具Chrome DevTools给我们带来了调试遍历。让 让我们一步步学习DevTools中调试的基本工作流程！
步骤1:确定我们需要调试的地方。
让 让我们通过一个简单的案例来模拟一下。本案例来自官方网站 的调试演示，代码如下。
然后是index.js
该代码的初衷是使一个简单的加法，但让 让我们运行并看看结果:
很明显，执行结果是错误的，结果应该是33。我们假设这是我们在开发中遇到的问题。
第二步:打开Chrome的调试面板。
命令选项I (Mac)或控制Shift I(Windows、Linux)或F12。
单击源选项卡。源有三个面板。
从左边看，是的
文件导航器窗格。此处列出了页面请求的每个文件。
代码编辑器窗格。在文件导航器窗格中选择一个文件后，该文件的内容将显示在这里。
JavaScript调试窗格。用于检查页面JavaScript的各种工具。如果DevTools窗口布局较宽，此窗格将显示在代码编辑器窗格的右侧。
使用断点暂停代码。
通常我们会在这里写console.log。中断断点后，我们将填写两个数字提交。
我们的代码在断点处暂停，所以我们可以直观地看到我们需要看到的变量值。简单来说，断点可以快速方便的看到你想看到的值。有时候我想单步调试代码，只是F10，当我想进入功能时按F11。我们像猜测的那样调试了这个，因为是字符串，所以数字表示连接，导致结果错误。
使用控制台直接评估
我认为这是最值得称赞的功能，因为我们可以直接在控制台中输入变量或表达式或者执行一个函数。我们打开控制台选项卡，输入以下内容，前提是我们在前面的地方断点。
我们可以执行需要执行的函数和表达式，然后就可以正确的看到结果了。知道它的人可能会认为它 没什么，但是不喜欢的人。;t know它可能觉得这个函数很好看，也可以直接修改代码保存后再执行，也不用去编辑器修改就知道结果了。调试正确后直接复制就行了。
摘要
本文只是想通过一个简单的案例介绍来改变我们传统的js调试方法，目的是提高工作效率。当然还有很多其他调试javascript的方法，比如在WebStorm和VSCode中安装Debug for Chrome，但我觉得这种是最直接最简单的。虽然是小技巧，但要知道不是。希望能帮到大家！
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
