Tag Archives: 辅助工具

如何调试他人的chrome插件

最近,由于工作变动的事情加上写作的赶稿,指鹤已经有一段时间没有写日志了,唉,罪过罪过啊,趁这个月还未结束再写一篇吧,没啥技术含量,只是给不知道的人提一个醒而已。 故事的起源是这个样子的,指鹤想要去调试现成的chrome代码,由于指鹤是做前端的,第一反应是用fiddler抓一下包,然后copy到本地一份,再用fiddler的本地替换功能进行调试,结果发现fiddler抓不到任何东西,发生什么事了? 最后转念一想,也许指鹤错了,chrome插件的代码是直接放在本地的,一般来说目录是C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions,想到这里,指鹤先去chrome的插件管理处,也就是浏览器右上角的菜单图片上左键,选择设置->打开页面后选择左侧的扩展程序,然后找到想要调试的插件,下面有一个ID,记住他。 为什么要记住它呢?因为上面提到的C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions目录下的文件夹是以插件的ID命名的。凭借ID找到对应的文件,就可以调试对应的功能了,这里由于代码是经过压缩的,所以最好要找工具美化一下,如美化js,可以在js美化,会显示线上美化工具,粘贴复制、美化后再粘贴复制回来就好了。 到了这里,基本上就算写完了,希望这篇小白文章能够帮到你。

sublime插件安装

sublime是一款非常轻量级,同时支持非常丰富的插件安装,下面指鹤分享一下安装sublime插件的一种方法,也算是写给自己做一下记录。强调:最近有朋友反映安装无法成功,指鹤看了下好像是被墙了的原因,若是出现这种情况,采用手动安装,下载 Package Control.sublime-package (百度网盘的地址)采用这里的地址。 首先,安装Package Control 自动安装: 1、通过快捷键 ctrl+` 或者 View > Show Console 菜单打开控制台 2、粘贴对应版本的代码后回车安装 适用于 Sublime Text 3: 适用于 Sublime Text 2: 手动安装: 1、点击 Preferences > Browse Packages… 菜单 2、进入 Installed Packages/ 目录 3、下载 Package Control.sublime-package,并复制文件到 Installed Packages/ 目录 4、重启 Sublime Text 安装完Package Control后,ctrl+shift+p,打开输入框内输入install,此时会发现sublime的左下角有小横线在左右晃动,那说明sublime正在调用插件安装的那个东西,调用完成后会再弹出一个框,在那个框里面输入想要安装的插件名字就好了。 ……………………………………………分割线……………………………………………… 除了这个,指鹤顺带把今天找到的处理sublime中文乱码的解决方案分享一下。 上面的Package Control安装好了后,可以拿这个问题做一下练手。首先ctrl+shift+p,打开输入框内输入install,插件包搜索框出来后,输入ConvertToUTF8或者是GBK Encoding Support,回车安装对应的插件包,基本上中文乱码问题就解决好了。 PS:有些术语指鹤说的可能有点不清楚,望见谅,同时也欢迎指正。

fiddler学习小计

新换了电脑,新装了fiddler,结果就出问题了,问题有两个,一个是在打开fiddler的情况下本地的http服务挂了,弄好之后发现fiddler的AutoResponder挂了(不能用本地文件替换线上文件了)。 第一个问题,是由于本地端口与fiddler的监听端口重了(8888),具体解决方法可以参考这个页面,点击我,为了方便,指鹤把页面的内容扒下来一份,如下: 1、点击Tools>Fiddler Options,切换到connections,确保Allow remote clients to connect 是被选择的。 2、关闭fiddler,打开注册表。win键(键盘左下角的,带有windows风格的按钮)+R,输入regedit,便可以打开注册彪了,然后在HKEY_CURRENT_USER\SOFTWARE\Microsoft\Fiddler2下创建一个名为ReverseProxyForPort 的DOWRD,设值为80(选择十进制) 3、重启fiddler,一切就OK了,至少指鹤是这样的。若是还有问题欢迎交流讨论。 第二个问题,这个就简单了,一个设置便可。打开fiddler,tab切换到AutoResponder,将Enable automatic responses以及Unmatched requests passthrough勾选上就可以了。 注:对于fiddler指鹤用的也不多,若是指鹤说的有不对的地方,欢迎指正。  

如何找到并保存页面上的(icon)图片

前几天,一个朋友想要将页面上的一个icon图弄下来,但审查元素(chrome浏览器右键审查元素)几次都定位不到那个图片(用背景图片实现的样式),也就无法找到图片的连接地址,无法将图片copy出来…… 其实想要弄到那个图片的地址很简单,chrome自带的network功能可以将所有通过chrome的请求资源记录下来……so,f12,控制台打开之后,点到上边栏的network(网络),然后刷新页面,就可以看到所有的网络请求了,点击上边栏下面的一个漏洞形状的按钮,可以筛选请求类型,选择images,就把所有的图片请求筛选出来了,展现在右侧的都是缩列图,双击可以再一个新的窗口打开,单击会在右侧显示图片请求详细信息,点击上面的preview就可以看到图片样子了,右键图片可以选择在新窗口打开图片,复制图片地址等…… chrome还有很多小工具,很强大的工具的说,感兴趣了解一下的啊 chrome版本 37.0.2062.124 m,时间2014年9月27号 PS:没有图片的教程不算好教程,但原谅指鹤的懒惰吧,不懂得可以加我Q(1529584115,加时验证填写断指鹤博客)询问,也可以留言给我

git回到前一版本

指鹤所在的公司最近需求混乱,导致git的版本管理出现了问题,提交了不该提交的代码,不得不回退版本,最后指鹤找到了下面的一篇文章,个人觉得不错,推荐一下,也算是自己保留收藏 原网址:http://www.2cto.com/os/201306/218226.html git回到上一版本命令 git reset是指将当前head的内容重置,不会留log信息。 git reset HEAD filename 从暂存区中移除文件 git reset –hard HEAD~3 会将最新的3次提交全部重置,就像没有提交过一样。 git reset –hard commit (38679ed709fd0a3767b79b93d0fba5bb8dd235f8) 回退到 38679ed709fd0a3767b79b93d0fba5bb8dd235f8 版本 根据–soft –mixed –hard,会对working tree和index和HEAD进行重置: git reset –mixed:此为默认方式,不带任何参数的git reset,即时这种方式,它回退到某个版本,只保留源码,回退commit和index信息 git reset –soft:回退到某个版本,只回退了commit的信息,不会恢复到index file一级。如果还要提交,直接commit即可 git reset –hard:彻底回退到某个版本,本地的源码也会变为上一个版本的内容 例如:我要彻底返回在上一次提交以前的版本。git reset –hrad HEAD~1 我要回到上一次提交的版本: git reset –hard

git push设置提交到当前分支

设置git config –global push.default current这样,在执行git push的时候,只会push到当前的分支,如果设置为matching的话,会push所有的改动到branch响应的repository的ref中,安全性相对差了点。