让网页挤一边去 MakeAside – Chrome 插件

这个是自己做的第一个 Chrome 插件,其主要作用就是将网页的居中效果给去掉,让网页统统左对齐。

谁需要这个插件?

如果你在在线看视频的时候,QQ响了,打开QQ,啊,屏幕不够大,QQ挡住视频了,挪一下QQ聊天框,发现上下左右位置都不够,郁闷了。那样,你就可以试试这个插件。

预览效果


插件原理

递归检测每一个 Node,查找 margin:0 auto; 属性,然后删掉,设置 margin-left:0;

去 Chrome 网上应用店( Chrome Web Store) 下载

或者 从我这里下载

使用方法

在你想要调整的页面点击 Chrome 左上角的即可。

你也可以在设置里,将你希望自动靠左的网站url写入,这样下次打开时,页面就会自动靠左了。

甚至你可以使用快捷键 ctrl+shift+L

这个是自己尝试制作的第一款 Chrome 插件,难免有不少瑕疵,高手多多指正,bug 多多反馈。其实代码也才20行……

更新日志

** update 1.2.1
增加使用通配符"?*"进行url匹配,例如 *.google.com* 将匹配所有包含 .google.com 的url
修复一点点bug

** update 1.2.0
增加简单的url匹配规则,让部分页面自动靠左(下次将支持较复杂的匹配规则等)
增加一组快捷键, ctrl+shirf+L (下次将增加自定义快捷键设置)
增强对一些网页的兼容性

** update 1.1.7
增强兼容性

** update 1.1.6
不小心把未完成的功能加进去了。已删除

** update 1.1.5
修复因 chrome 更新带来的 bug
优化代码,对部分类型的网站能够更加准确地判断居中元素
ps.感谢 貘大 给我的指点

** update 1.1.4
增加多语言

** update 1.1.3
增加一些小东西
删除了一些无用代码

** update 1.1.2
增加选项页面
增加设置最小坐边距的设置

** update 1.1.1
小光棍版本

更多



19 Comments

  • 2011 年 10 月 25 日 - 上午 10:05 | Permalink

    • 2011 年 10 月 25 日 - 上午 10:07 | Permalink

      谢谢夸奖,有啥问题,再给我说啊。

      • 2011 年 10 月 25 日 - 上午 10:08 | Permalink

        不能还原啊…

        • 2011 年 10 月 25 日 - 上午 10:09 | Permalink

          please press F5 or click the refresh button. LOL

          • 2011 年 10 月 25 日 - 上午 10:39 | Permalink

            你应该加上再点一下就还原啊!

          • 2011 年 10 月 25 日 - 下午 12:31 | Permalink

            这位大爷,您要的姑娘我已经准备好了,希望这位大爷您满意。

  • 2011 年 10 月 25 日 - 上午 10:07 | Permalink

    你的题图是哪里来的

    • 2011 年 10 月 25 日 - 上午 10:08 | Permalink

      有的是直接在网上搜出来的,有的是自己做的。

  • 2011 年 11 月 2 日 - 下午 12:13 | Permalink

    神奇了,果真神奇了,曾經我也是非常推崇左對齊網頁的,只是大顯示寬屏會很難受,一直很無奈,這個插件的設想還是非常不錯的。

  • 2011 年 11 月 4 日 - 上午 9:59 | Permalink

    希望能加上 可调距离选项

  • 2011 年 11 月 10 日 - 下午 3:27 | Permalink

    怎么提交到Chrome商店的?

  • mp3
    2011 年 11 月 29 日 - 下午 9:06 | Permalink

    貌似不错的插件

  • 2011 年 12 月 13 日 - 下午 3:54 | Permalink

    怎么转wp了啊?。。。。
    Te快更新了。。

  • 发表评论

    电子邮件地址不会被公开。 必填项已用 * 标注

    *

    您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>