首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用 Chrome DevTools 调试 JavaScript

    您将了解如何使用 Chrome 开发人员工具来设置断点并逐步完成代码。这是更有效的在代码中查找和修复 bug 的方法。...本教程将向您展示如何调试一个具体 bug,您学到的方法将有助于您调试以后遇到的的 JavaScript 错误。 步骤 1:重现错误 重现错误是调试的第一步。...您可以在 Watch 表达式中存储任何有效的 JavaScript 表达式。现在就试试: 在 Sources 面板, 点击 Watch。 点击 Add Expression 按钮 ? 。...可以使用控制台来评估任意的 JavaScript 语句。开发人员通常使用控制台在调试时覆盖变量值。在您的情况下,控制台可以帮助找到啊修复 bug 的方法。...您可以直接在 DevTools UI 中编辑 JavaScript 代码。

    2.2K10

    reload and restart

    后来有了热插拔技术才解决这个难题,这种技术让电子设备可以在不影响操作系统和程序正常运行的情况下重新加载硬件,后来软件上也开始使用这种技术,我们称之为热更新(reload)。...今天说说通过软件实现reload和restart有哪些不为人知的细节。 kill命令 这一切都要从kill命令说起。...SIGUSR1 kill命令的使用是`kill -信号 进程编号`,比如`nginx reload` 底层调用的是`kill -USR1 9527` ,其中9527是nginx服务的进程编号,通常存储于...因为nginx源代码中对`SIGUSR1`信号做了接收和处理,所以通过`kill -USR1 9527`能实现热更新,kill命令写起来很血腥,于是nginx封装了`nginx reload`。...restart VS reload restart的优缺点: 缺点:restart = stop + start,stop之后服务会中断。

    1.8K30

    如何在 Chrome 中执行 JavaScript 代码

    本文已同步至:https://cunyu1943.github.io,欢迎关注后续更新 前言 要在浏览器中执行 JavaScript 脚本,首先你的浏览器得支持。...下面来介绍如何在 Chrome 中打开开发者工具,以及如何在开发者工具中运行调试 JavaScript 代码。 打开开发者工具 Chrome 中的开发者工具界面如下图所示。...开发者工具中执行 JavaScript 代码 要在开发者工具中执行 JavaScript 代码,也主要可以利用两种方式,一种是在 Console 窗口对 JavaScript 代码进行调试,而另一种方式则是使用...注意 我们会发现打开的 Chrome 开发者工具都是英文形式的,但实际上现在的 Chrome 开发者工具早已经支持中文。...总结 以上就是今天的所有内容了,主要介绍了如何打开 Chrome 中的开发者工具,并且利用开发者工具如何来执行 JavaScript 脚本。

    10.3K20

    谈谈PHP的Reload操作

    通常修改了 PHP 的配置后,为了让修改生效会执行 reload,而不是 restart,因为有很多前辈告诫过我们,reload 能保证整个过程的平滑性,所谓平滑性指的是在 reload 的过程中,旧的进程在处理完当前请求前不会提前终止...很多年来,我一直坚信这个结论,直到有一天,当我 reload 的时候,出现了 502 错误,让我不得不重新思考。 如何重现问题呢?让我们写一个简单的脚本来模拟: 此时用浏览器浏览这个网址,接着立刻执行 reload 操作,就能看到 502 错误了。 难道 PHP 这么弱?连 reload 基本的平滑性都无法保证?...不过如果你多做几次实验的话,可能会发现当我们 reload 的时候,sleep 立刻就结束了,这是因为 sleep 收到 reload 发出的信号后直接返回了,下面让我们再改写一下脚本: reload 操作的平滑性,不过到底多大是合理的数值呢?

    61120

    CSS Auto Reload:解放F5 键,自动刷新浏览器的前端利器(Chrome 扩展)

    不过,有了这个chrome扩展,一切都成为过去式;唉,相见恨晚啊~ CSS Auto Reload 介绍 css auto reload 是一款 chrome 开发者插件。...视频介绍: 特性: 只需要安装一个 chrome 插件,不需要特殊的服务器端,不需要特意改变你的页面; 需要的时候,只需要点击一下插件栏的图标即可对当前页面开启监控,不需要的时候,再次点击以关闭;...此插件不会更改任何 DOM 结构,也不会在你页面的 js 执行环境中执行任何 js ,绝不干扰你页面的任何代码; 在你没改变 css 的时候,页面不会 reload css ,调试面板中网络一栏不会多出很多请求...除了file://方式打开的页面) 支持 css 和 page 不同域的情况; 支持 css 相对路径,绝对路径; 支持 @import , @import 进来的 css 如果发生了改变也会 reload...; 部分支持 file:// 打开的页面; 下载地址: chrome商店下载 项目主页 Github image.png 后记 去查看了下该插件的源代码,其本身核心功能就是用javascript 实现的

    2.2K80

    初探 利用 javascript 开发 Chrome 浏览器插件

    初探 利用 javascript 开发 Chrome 浏览器插件 前言 这几天运维组的小伙伴正在给新开发的一个商城录入一些数据。其中图片不是很好找,于是,在某个B2C网站下载图片。...所有女生都大声尖叫,这活儿不是人干的……于是,技术组老大临时任命我开发一个 chrome 插件来帮助他们解决这个问题。...硬着头皮上吧~ 技术原理分析 搞明白chrome 插件是怎么开发的 搞明白 这个网站的图片的特征是啥 技术可行性分析 网站图片规则 放大镜中的图片,都在一个列表里,其中,还有一个特征,就是包含src-large...Chrome 浏览器插件原理 首先,这个插件要先对页面分析,得到上面所需要的所有图片的URL 其次,要对这些URL进行处理,得到能用的格式。 最后,把这些图片全部下载下来。...(function(tab) { // 对当前页面进行执行 chrome.tabs.executeScript({ // 执行这个JS文件 下面讲

    1K10
    领券