有些测试场景需要知道在真实实体手机上访问我们开发的页面时产生了哪些不同的请求、访问了哪些链接。这个事情在 Windows 上做起来很简单,工具也有很多。浏览器自带的监控工具、HttpWatch 等工具都可以实现,今天介绍的主角 charles-proxy 也可以实现,但是 charles-proxy 强大的地方在于它可以建立一个临时代理服务器,手机上设置使用这个代理即可在 charles-proxy 中查看所有的浏览记录。

继续阅读

Notepad++ 默认的制表符宽度是 4 个空格的大小,一个规模比较大的代码段或者 xml 等文件,小屏幕打开时看到的情景真的和让人着急,拖来拖去!有两种方案可以解决这种情况。

修改缩进为空格

这种我们不太推荐,但是有些公司或者团队会刻意要求就使用空格作为缩进。在一些前端开发的团队中比较多见。

修改缩进为2个空格的大小(依然使用 Tab 缩进)

这种情况是缩进依然使用制表符,但是宽度明显减小。

以上两种设置方法,都可以通过 设置->首选项->语言 界面中,通过勾选是否使用空格替换制表符和设置缩进宽度来达到你的需求。如下图:

初期做音视频开发的开发人员经常需要查看某些视频文件的封装格式、压缩编码标准等信息,一般音视频播放工具就可以看到这些信息,但有些是没有这样的功能的,MediaInfo 是专门用于查看音视频文件的详细信息的,通过该工具的不同试图可以让将音视频的各类数据一览无余。

下载地址

https://mediaarea.net/en/MediaInfo/Download

相关截图

最近博客的访问量越来越大,导致使用阿里云的限制流量的云服务器超出了流量备关停,分析了以后大部分是一些下载的资源和图片资源占用的流量比较大。所以希望能把这些资源缓存起来,刚好最近经常用七牛云,发现有类似的功能。所以自己做了一下顺便记录一下步骤(网上大部分教程已经比较老,不太好与现在七牛云的对应了)

继续阅读

在远程工作中,并不是所有项目都是从头开始的,有很多项目是已经做了一部分,或者需要按着其要求来创建项目和编码的。所以这其中就有一些公司或者团队会使用一些代码规范,以保证无论是公司内部还是远程工作的同事都可以保持一致的代码规范,让代码不会过于凌乱。

继续阅读

最近更新一下电脑里的 notepad++ 到最新版本,遇到了一个问题就是新版本的 notepad++ 不再使用当前目录的配置文件了。通过查询资料得知,需要在当前目录新建一个 0 字节的 doLocalConf.xml 的配置文件,这样就会使用当前目录下的配置文件了。可我按照这种方法操作后却发现 notepad++ 依然使用的是 %APPDATA% 下面的配置信息。

继续阅读

emmet 是一个非常强大的 html 代码编写助力插件在项目开发的时候非常实用,需要手写几行的代码用 emmet 一行就搞定了。emmet 的具体用法就不做本文介绍,有兴趣的可以自己去 emmet 官网看看介绍。由于它仅在 .html 文件中可以使用,而 React 等前端框架都是在 .js 或 .jsx 文件内写 html 代码。所以有些时候就不奏效了。本文就是介绍如何做 .js/.jsx 文件中使用 emmet 编写 html 代码。

继续阅读