Saber 酱的抱枕

Fly me to the moon

01/4
2018
软件

Sublime Text、Atom、VS Code 简单对比

以前我用了很久的Sublime Text 2/3 ,前几个月开始使用Atom,但是Atom太卡了,最近又换成了VS Code。现在熟悉了,我感觉VS Code爽歪歪,可以告别之前的两个编辑器了。

以下是我整理的Sublime Text、Atom、VS Code 在一些方面的对比图:

Atom sublime text VS Code 编辑器 对比

这几个编辑器截图留念一下吧(安装扩展后的截图):
Read More →

Sublime Text、Atom、VS Code 简单对比

12/31
2017
ACG 学习 软件

替换寂月神社的“马赛克”封面

hentai javascript UserScript 寂月神社 福利

寂月神社是一个有福利的网站。一些福利资源的封面图加载的是15x15像素的小图,形成了类似马赛克的效果。但是这些资源的文章里没有配图,封面还这么模糊,就没办法好好看了。

我写了一个JavaScript的UserScript这个脚本可以把模糊的封面图替换成清晰的。

到greasyfork.org安装本脚本

ps:
1.不会使用的话在greasyfork.org首页有教程。简单来说就是先安装Tampermonkey这个浏览器扩展,然后安装我的脚本,最后刷新网页就行了。
2.在手机上也可以用。手机(安卓)上先安装Firefox浏览器,然后点开菜单-→“附加组件”-→“浏览全部Firefox附加组件”,搜索并安装Tampermonkey。好了之后再安装我的脚本。
3.如果找不到下载链接,可以复制标题关键字到bt网站搜索磁链

替换后效果:
Read More →

替换寂月神社的“马赛克”封面

11/21
2017
软件

手机QQ浏览器的坑

今天上线了一个手机站,然后我打算在手机上看看效果。考虑到兼容性,我就不用chrome了,安装了个手机QQ浏览器,看看有什么新发现。

问题1:不支持background-size的简写。如下简写方式:

background: url(../images/jjtitbg.png) 0 0 no-repeat/100%;

和分开写应该是等价的:

background: url(../images/jjtitbg.png) 0 0 no-repeat;
background-size: 100%;

chrome浏览器的pc和移动版都支持简写,但是qq浏览器不行,直接判定这条规则无效,不显示背景图了。没想到X5内核竟恐怖如斯。我去QQ浏览器的论坛上提建议,结果帖子竟然无法提交。你开心就好。
Read More →

手机QQ浏览器的坑

11/17
2017
软件

用网线直连两台电脑来拷贝文件

标题猛一看好像很高端,其实原理很普通,就是组建局域网然后通过windows的文件共享来拷贝文件。这和平时的局域网没有本质的区别,只是操作方式比较唬人而已(确实也只有比较极端的情况才会这么做)。由于要使用windows的文件共享功能,所以该方法仅适用于windows7及以上系统。

此文的起因是因为我最近买了个笔记本电脑,要把原来台式机硬盘里的文件拷贝过来(文件有好几百G)。但是台式机的硬盘不能直接插到笔记本上(除非再花钱买硬盘盒);而在线传不仅速度慢,还需要双方都有网。于是我想起来了一个以前看过的办法,就是把两台电脑用网线直联来拷贝文件。我折腾了好一番功夫终于成功了。

例如我现在用的是win10系统的电脑,要从win7的电脑上拷贝东西。步骤如下:
Read More →

用网线直连两台电脑来拷贝文件

11/2
2017
软件

Duplicate Cleaner Pro 重复文件查找工具

Duplicate Cleaner Pro 重复文件查找工具

Duplicate Cleaner Pro 是一款很不错的重复文件查找工具。它原本是一款国外软件,我找到了一个绿色汉化版:

度盘链接 提取码: bgip

解压后找到Duplicate Cleaner文件夹里的exe主程序,运行即可。首次运行可能会提示注册,输入任意字符即可。
Read More →

Duplicate Cleaner Pro 重复文件查找工具

09/30
2017
软件

前端console 调试面板:vConsole

vConsole(github主页)是由腾讯公司开源的一个前端调试面板,功能和各个浏览器的控制台(console)类似(当然还没那么强大)。

PC上的各大浏览器都自带了控制台,但是手机上的浏览器我还没见过可以显示控制台的。当页面在手机浏览器上有异常时,调试起来很不方便。现在有了vConsole,就比以前好了不少。

要使用vConsole,先在github下载主js文件。(/dist/vconsole.min.js)

之后引入vconsole.min.js:

<script src="vConsole/dist/vconsole.min.js"></script>

最后在 body 标签之后使用:

<script>
var vConsole = new VConsole();
</script>

这样就可以了,网页右下角就会出现vConsole的按钮:

console vConsole 控制台 移动端 调试

(如果网页上这个位置有其他悬浮元素,则可能遮挡住vConsole的按钮)

点击这个按钮就可以显示vConsole的面板,目前版本(3.0.0)的面板如下:
Read More →

前端console 调试面板:vConsole

09/29
2017
软件

远离垃圾UC浏览器

2015年的时候,我就发现UC浏览器不支持css的color: rgba属性值。不过这是旧怨了,最近我又发现一个问题。

如下代码:

<div id="a" style="margin-left: -100px;"></div>
<script>
  // 使用js修改marginLeft的值
  document.querySelector("#a").style.marginLeft = '-2rem';
</script>

用js代码将某个元素的css属性值重设,在其他浏览器上都正常,在UC上没反应。

元素是可以正确获取到的,但是设置css属性这部分就是不生效。

没办法,我只好改变思路,最后用其他办法实现了:

var a=document.querySelector("#a");
var str=a.getAttribute("style").replace("-100px","-2rem");
a.setAttribute("style", a);

直接重设style属性,这样可以。

珍爱生命,远离UC。


后面发生了一个更坑爹的事,同事的华为手机对rem计算不准确导致页面乱版,又废了好大功夫才弄好。今天下午大半时间都在折腾这页面了。

远离垃圾UC浏览器