在很多时候,我们可能需要调试前端的js,但是如果非本地项目,根本没法直接修改js进行调试,但是我们可以利用浏览器的开发者工具,进行修改js并调试 首先我们随便找一个网站: https://www.easyswoole.com.../Preface/intro.html 打开f12,点击sources,点击overrides: ?...点击 select folder for overrides ,选择一个本机的文件夹做浏览器的文件映射: 将会弹出允许获得文件访问权限的弹窗,点击确认 ? 将显示: ?...在soures中找到你需要修改的js文件: ? 由于很多代码都会进行压缩,所以我们可以先点击上面的prety-print进行格式化: ? 将格式化的代码全选复制,复制到原有js中: ?...现在,我们加点自己的东西,比如console.log("仙士可牛逼"); ? 点击ctrl+s或者右键菜单保存: ? 直接刷新页面,浏览器将从本地加载此js文件: ?
+Shift+C)进入选择元素模式,然后从页面中选择需要查看的元素,然后可以在开发者工具元素(Elements)一栏中定位到该元素源代码的具体位置 。...查看元素属性:可从被定位的源码中查看部分,如class、src,也可在右边的侧栏中查看全部的属性,如下图位置查看 修改元素的代码与属性:可直接双击想要修改的部分,然后就进行修改,或者选中要修改部分后点击右键进行修改...右边的侧栏个功能的介绍:如下图所示 控制台(Console) 查看JS对象的及其属性 执行JS语句 查看控制台日志:当网页的JS代码中使用了console.log()函数时,该函数输出的日志信息会在控制台中显示...响应状态码、请求头和响应头及它们各自的值、请求参数等等 Preview:预览面板,用于资源的预览。...Response:响应信息面板包含资源还未进行格式处理的内容 Timing:资源请求的详细信息花费时间 打开浏览器,按F12,点击Network,可以查看相关网络请求信息,记得是打开F12之后再刷新页面才会开始记录的
道法术器 在《现在 | 数字时代的工具》 中,我们对现代工作的知识结构从四个维度做了介绍,这也是我们首次引入道法术器的概念: 知识结构 = 通用知识 + 领域知识 + 具体经验 + 工具技能 通用知识...,针对特定事务的具体执行经验,如工作流程和注意事项,类似枝干 ️ 工具技能:器 即具体事务的执行过程中,所需要用到的所有具体技能和具体工具,如协作技能和创作工具 notion,类似花叶和果实。...,将抽象的流程发展为可复用的材料 器之器为执行:执行就是不可再分的工具操作过程 注:对于工具的具体操作是原子化的,但是工具本身却不一定,比如上述的模型、框架、流程、模板、工具都可以被视为不同类型和层次的工具...术则是微观的器,是人们所完成的任务和完成任务所使用的工具,是实现道、法、术的具体手段。 在上述公司中,具体的工作任务和使用工具就是器。...: 图片源于效率工具实训营课程专栏 上述拆分还可以不断进行,但考虑到实用性,我们便不再继续深入,在后续的效率工具课程中,我们将基于此4*4模型,对相关领域和工具进行拆解和介绍,确保读者深入理解和使用工具
项目管理工具,就是来解决这些问题,项目跟进,提高工作效率。 一个好的团队,必然有项目管理工具。蝉小队的纯银就强烈推荐了tower,一个轻量级的项目管理工具。...当然还有别的项目管理工具,本质上都差不多,今天不推荐工具,简单说说团队成员应该怎么用好这个工具。...怎么做 1.每天更新项目进度 一般大家都有周报,或者周例会,但是这样的项目跟进周期太粗了。建议做法是每天下班前,大家总结下今天的进展和明天的计划。...这样,即使最终这件事确实无法执行,也有足够的证据证明结论的合理性。如果做了什么尝试没法说清楚,则很容易让人觉得是你的能力问题。...不过建议用更好的办法–主动申请加班,按时完成这个任务。特别是职场新人,或者新到一家公司,这样的做法在短期内就很容易帮你建立“主动、积极、有能力”的个人形象。
本文链接:https://blog.csdn.net/sunboy_2050/article/details/100670753 Linux 实用好评的命令工具 w(who)、nomn、ncdu、iftop...、findmnt、htop、ccze、glances 原文图片,请见原文米扑博客:Linux 实用好评的命令工具 1、w (who) 对,你没看错,就是 w 命令,其用法跟 who 类似 使用该命令我们可以查看到当前登录系统的用户是谁...ncdu 命令可以用来查看和分析 Linux 中各目录对磁盘空间占用情况的工具。...4、iftop 需要手动安装:yum install iftop -y iftop是一款实时流量监控工具,监控TCP/IP连接等,缺点就是无报表功能,必须以root身份才能运行。...是一个 Linux 内置的命令行工具,不需要安装了,它主要用于查找挂载的文件系统状态。
看到好看的网页或者样式时候,大家都会利用我们浏览器的F12,也就是开发人员调试利器这一功能,那么各位老表为了防止自己心爱的代码被偷,也是煞费苦心,给网站设置各种键码限制,网站上也就遗留了很多彩蛋,这也也是一个独特的风景...,下面一同欣赏几款我见到过有趣的彩蛋吧。...娱乐跳转搞笑型 按下F12自动跳转为另外网页,再配上滑稽的动画,让人哭笑不得。...{ if(a == 0) { a = 1; //此处改成你要跳转的地址...} }, 200) } }, 100) }); 阻止键码气人型 F12
我真的拿出我收藏的最最最实用的工具网站来给你们了。 ? 相信很多人不光是在编程的过程中,在平时的生活中,也经常会收藏一些有用的网站,方便使用的时候,靠这些网站来解决一些麻烦的事情。...做过爬虫的程序员都知道,我们在分析网页文件的请求时,会在开发者工具里查看浏览器请求过来的文件。 ?...五、在线时间戳转换工具 在线时间戳转换工具:https://tool.lu/timestamp/ 这个网站的功能就显而易见了,我就不多做解释了。 ?...之所以推荐这个网站,是因为这个对js的加密保护可以被浏览器识别,而有些网站的加密是无法被浏览器识别的。 ? 有很多种版本可以使用,跟着网站上显示的步骤来,就能明白是如何使用的了。...当然了,该网站还有很多其他的有用的在线工具可以使用,例如密码随机生成 、在线二维码生成 、URL编码 等等。 ?
,个人认为是工具,用好性能分析工具,性能提升就走完了一大半,就好比:”算数我比不过小王,但我找了个电子计算器“。...冷启动的定义与可优化的点 如何衡量当前的性能指标,个人感觉,性能的衡量分三步: 指标制-> 指标采集 -> 性能基线与优劣评级, 以上三块组成性能量化工具,有了量化工具,就可以说APP性能是好是坏,以冷启动为例...如何定位当前性能问题 冷启动每个阶段的耗时可以通过多种工具、方式来定位:可以用的有Debug.startMethodTracing跟踪,也可以利用perfetto/systrace来查看,甚至还可以用Studio...总结 BUG是必然的,优化是持久的,如何用好工具是关键的。...作者:看书的小蜗牛 原文链接: APP冷启动优化:如何使用好工具【Perfetto\ systrace \MethodTracing】
Wireshark是一款开源的抓包软件,同时该软件能够显示很多常见的通用协议,是因为内置了常见协议的解析器。 没错Wireshark就是依靠解析器来分析各种报文。...这些就是wireshark缺省携带的通用解析器。wireshark除了支持dll方式的插件装载,也支持LUA文件的插件装载。...LUA是一个简单化轻量级的类似python语言,主要用于可扩展性的程序,wireshark对其有一些些自定义的语法函数规范。...在本文的附件中,本人上传了H3C目前采用的标准做的解析器,主要目的是方便问题的排查和报文的解读,存在部分字段暂时值格式问题,不过不妨碍使用理解。...有能力有兴趣的 还可以参考上诉的官方文档和我的附件插件给其他协议做同样的类比方法,希望通过这款软件能更快更准确的帮助一些网络问题的理解。
今天给大家分享7个非常实用的科技网站,感兴趣的朋友可以尝试一下。...网址:https://www.gaituya.com/ps/ 2、VisuWords 在线英语学习网站 这是一款很棒的的在线交互式英语单词学习网站,非常适合学习英语比较困难的朋友。...网址:https://www.yijianyuankong.com/remote/ 4、网格纸生成器 这是一个支持在线设定和打印网格纸的工具,支持点、线、正方形、横线、六边形等不同图案的设置并打印到A4...网址:https://www.blobmaker.app/ 6、FUUN.FUN 一个有趣的网站 FUUN.FUN从名字就可以看出来就是一个专门搜罗有趣好玩内容的网站,收藏这一个在线网站等同于拥有了一大堆有趣好玩的网站...网址:https://fuun.fun/ 7、文叔叔 在线文件传输神器 这是一款可以将任意文件,快速、安全传给你朋友的超实用工具,即使不注册账号也能快速跟朋友分享文件;并且发送、下载文件不限速,注册登录后有
操作 首先选择浏览器的三个点样子的图标,不同浏览器位置可能不同,这里以edge为例 接下来在更多工具中寻找到开发人员工具,即可顺利的打开网页的源码 补充 有时页面需要使用兼容模式打开,其选项也在此处
这篇博客,结合自己的理解和使用,说说这三个按钮的用法以及一些个人见解。 如下图所示这是我们经常看到的三个按钮。 ? 从左至右,依次是 Watch Star Fork,下面分别说下他们的具体作用。...issue等等情况,你都会在自己的个人通知中心,收到一条通知消息,如果你设置了个人邮箱,那么你的邮箱也可能收到相应的邮件。...另外这里有一篇文章讲《如何正确接收 GitHub 的消息邮件》,很不错的一篇文章,推荐大家看看。...然后就静静等待他的 merge 邮件通知了。 我看到很多人错误的在使用 fork。很多人把 fork 当成了收藏一样的功能,包括一开始使用 github 的我,每次看到一个好的项目就先 fork。...,你可以回答别人提出的问题,这是一个很好的学习成长方式。
Console 信息就是在大多数浏览器里面按下 F12 之后看到的内容(用 console.log 输出的),例如百度的: 一张网页,要经历怎样的过程,才能抵达用户面前?...给人有种 F12 小惊喜的感觉,虽然百度是用它来招聘,我们未尝不能做点其他的。 这个小功能我觉得蛮有趣的,实现起来也很简单,一段小代码就行。...实现方法就是将以下代码添加到footer.php即可,按下 F12 或右键审查元素,找到 Console 就能看到效果,内容自己改哦。...; } 效果看本博客按下 F12 以后的 Console 信息哦~懒得按就看题图吧~ 沈唁志|一个PHPer的成长之路!...原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:网站F12显示一个有趣的 console.log 信息
这种方法最适合在入侵大型公司网站的时候使用!...入侵时的思维拓展 有时候我们获得了目标网站的管理员密码,但是又找不到后台,这是可以试下用FTP登陆,例如,目标网站是”www.xxxx.cn “ 得到的密码为“bishi”,我们就可以试下用“xxxx”...入侵时获得管理员名称 有时候在入侵类似于新闻发布网的网站时,注入得到了管理员密码,但是拿不到管理员的名称,网站上也没有论坛什么的,这时候该怎么办呢?...扫web绝对路径 众所周知,在入侵asp.net的网站时,我们首先就是在aspx文件前加上一个“~”来尝试扫出web的绝对路径,但在入侵用ASP+IIS架设的网站时能不能用呢?...一码不扫, 何以扫天下 RECOMMEND 推荐阅读 微信版的“花呗”要来了,大家准备好了吗? 抓包工具tcpdump使用方法 THE END 感谢您抽出 · ?
不哔哔莱莱的,直接上解决方式: 以火狐浏览器为例: 方法一:鼠标点击网址栏,然后再按F12。目前不清楚这是个例还是通用的,因为我就遇到了一个这种网页。 方法二:Ctrl+Shift+i。...方法三:打开菜单->web开发者->web开发者工具,这个就是上面那个快捷键。 ---- 以谷歌浏览器为例: 方法一:依旧可以 方法二:依旧可以 方法三:自定义及控制->更多工具->开发者工具。...---- 作为一个爬虫选手,如果连审查页面元素的能力都没有,那也就不要干了嘛。
假设你登录以下网址时遇到故障无法登录: https://demo.xswitch.cn/admin.html 用Chrome浏览器(微软Edge浏览器也类似)打开上述网址,按F12键,或右键点击网页,然后选择...【审查元素】菜单,将会出现类似下面的图,下面就是Chrome开发者工具区域。...我的界面是英文的,因此我尝试中英文都进行说明。 切换到【网络】(Network)选项卡,如果能看到很多网址,则最好点一下左起第二个图标(箭头指向的)清除一下,这样看着比较清爽。...上图中的403就是密码不对。...本文主要是以排查XSwitch登录问题为例讲解Chrome Devtools的使用方法,步骤和思路适用于任何跟浏览器相关的问题。
最近有几个项目用的是NXP的 KE02片子这个芯片内部自带256字节的EEPROM,可以用来存一些参数,和密码,但是操作的时候要注意,EEPROM的地址是0x10000000-0x100000FF, 所以我们所有的参数要存在这个地址范围...我们使用SDK的函数编写一个简单的例子,可以测试下如上图所示,写进EEPROM和从EEPROM 相应地址读出来的是一样的,可以在掉电测试,都是没有问题的,需要注意的就是每次写操作要一次四个字节,可以利用...IDE观察调试读写的数据。...这里需要提醒的一点是在正式的产品中,因为片内EEPROM的寿命是有限的,不能频繁操作EEPROM, 可以对EEPROM的块进行分成小块,按块操作,这样可以相当于延长了EEPROM寿命。
每一位Java程序员都会有套工具来应对工作上的挑战。多年来,Java程序员使用软件来完成他们的工作。有很多工具对他们是有用的,不过对于初入行的人员来说,寻找合适的工具是困难的,并且是浪费时间的。...而今天我们将列出六款Java程序员必备的工具。 ? Notepad++ Notepad++是用于编辑xml、脚本以及记笔记的最佳工具。...Notepad++是一款非常有特色的编辑器,是开源软件,可以免费使用。 ? 2. XML Marker XML Marker工具对Java程序员来说是非常重要的。它可以帮助开发者更好的完成工作。...SQL Developer 这是一款针对数据库管理员的免费工具,你可以使用这款工具链接数据库和SQL语句。它的功能不像Toad那样多,但是对你而言已经足够使用了。...幸运的是,Eclipse附带了一个标准的插件集,包括Java开发工具。 ? 6.Keytool Keytool是Oracle JDK的一部分。
Chrome 开发者工具是前端开发工程师工具箱里使用频率最高的工具之一。 本文通过一个具体的例子,给大家分享笔者工作中,是如何通过 Chrome 开发者工具,分析一个网站的实现明细。...下图这个网站,是乐高成功使用 SAP Spartacus 开发并上线的在线购物店面(阿联酋地区): 大家仅凭视觉效果,能分辨出这两个网站,实际上都是基于同一个 UI 框架开发出来的吗?...然而我们在 Chrome 开发者工具 network 里观察,发现服务器返回给浏览器的初始页面里,app-root 节点内是空的,这说明当前我这次的访问场景是客户端渲染,即浏览器收到服务器发送的仅仅包含空...因此,当我们浏览器里打开乐高购物网站时,Chrome 开发者工具里能观察到发向该 API Endpoint 的一个 HTTP 调用。...Chrome 开发者工具里打开 main.js 代码块,里面包含了 Lego Spartacus 项目二次开发项目构建后生成的 JavaScript 代码。
# 一、安装开发者工具
领取专属 10元无门槛券
手把手带您无忧上云