推广 热搜: 广场  Java  app  Word  营业  微信公众号  北京代理记账  商城  代理记账  商标交易 

前端调试怎么找到对应的js 前端可以做桌面软件开发吗?

   2023-04-27 企业服务招财猫60
核心提示:前端可以做桌面软件开发吗?不知名程序员:换个角度看世界,另辟蹊径,提供新的思路和优质答案。前端当然可以做桌面开发。Electron是一个跨平台的桌面应用程序开发框架。就是用JavaScript,HTM

前端可以做桌面软件开发吗?

不知名程序员:换个角度看世界,另辟蹊径,提供新的思路和优质答案。前端当然可以做桌面开发。

Electron是一个跨平台的桌面应用程序开发框架。就是用Javascript,HTML,CSS来构建跨平台的桌面应用。

电子是非常迷人的,因为它是基于"历史与文学和"节点",一个负责接口,另一个负责背后的逻辑,典型的"你负责美丽,我负责赚钱养家",所以可以理解为什么电子可以开发跨平台的桌面应用。

在这个框架中,基于HTML、CSS和Javascript技术,很容易构建跨平台的应用。构建的应用程序将很好地兼容Mac、Windows和Linux操作系统。

它还具有其他一些特性:

自动更新-应用程序支持自动更新。

本地菜单和通知——您可以创建本地应用程序菜单和上下文菜单。

应用程序崩溃报告?-崩溃报告可以提交到远程服务器。

调试和分析。;的内容模块可以发现性能瓶颈和缓慢的操作。你也可以在你的应用中使用你喜欢的Chrom

如何更优雅地调试Javascript?

抄袭我的文章,大家可以简单看一下(截图可以不可复制,抱歉)

介绍

在我们的日常开发中,经常会遇到Javascript的调试问题,而我们传统的解决问题的方法是使用大量的console.log或者其他方法的console对象,这样会给我们带来很多不便,尤其是遇到复杂的问题,可能会导致大量的console.log,而我们在排除故障后还要回去删除这些调试信息,这就大大降低了我们的工作效率。因此,我们有必要寻找一种更好的解决方案来解决Javascript的调试问题。毫无疑问,Chrome的调试工具ChromeDevTools给我们带来了调试遍历。让让我们一步步学习DevTools中调试的基本工作流程!

步骤1:确定我们需要调试的地方。

让让我们通过一个简单的案例来模拟一下。本案例来自官方网站的调试演示,代码如下。

然后是index.js

该代码的初衷是使一个简单的加法,但让让我们运行并看看结果:

很明显,执行结果是错误的,结果应该是33。我们假设这是我们在开发中遇到的问题。

第二步:打开Chrome的调试面板。

命令选项I(Mac)或控制ShiftI(Windows、Linux)或F12。

单击源选项卡。源有三个面板。

从左边看,是的

文件导航器窗格。此处列出了页面请求的每个文件。

代码编辑器窗格。在文件导航器窗格中选择一个文件后,该文件的内容将显示在这里。

Javascript调试窗格。用于检查页面Javascript的各种工具。如果DevTools窗口布局较宽,此窗格将显示在代码编辑器窗格的右侧。

使用断点暂停代码。

通常我们会在这里写console.log。中断断点后,我们将填写两个数字提交。

我们的代码在断点处暂停,所以我们可以直观地看到我们需要看到的变量值。简单来说,断点可以快速方便的看到你想看到的值。有时候我想单步调试代码,只是F10,当我想进入功能时按F11。我们像猜测的那样调试了这个,因为是字符串,所以数字表示连接,导致结果错误。

使用控制台直接评估

我认为这是最值得称赞的功能,因为我们可以直接在控制台中输入变量或表达式或者执行一个函数。我们打开控制台选项卡,输入以下内容,前提是我们在前面的地方断点。

我们可以执行需要执行的函数和表达式,然后就可以正确的看到结果了。知道它的人可能会认为它没什么,但是不喜欢的人。;tknow它可能觉得这个函数很好看,也可以直接修改代码保存后再执行,也不用去编辑器修改就知道结果了。调试正确后直接复制就行了。

摘要

本文只是想通过一个简单的案例介绍来改变我们传统的js调试方法,目的是提高工作效率。当然还有很多其他调试javascript的方法,比如在WebStorm和VSCode中安装DebugforChrome,但我觉得这种是最直接最简单的。虽然是小技巧,但要知道不是。希望能帮到大家!

 
反对 0举报 0 收藏 0 打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
点击排行
合作伙伴
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  冀ICP备2023006999号-8