Skip to content

一个 chrome 浏览器插件,用来调整 weibo 2014 新版的样式

Notifications You must be signed in to change notification settings

ben7th/better-weibo-v6

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

what's this

这是一个用来改善微博新版(v6 版)界面的 chrome 插件。
安装并生效之后,只要打开新浪微博,插件会自动起作用,调整新版微博的版面。
可以通过右上角的图标打开和关闭样式调整效果

特别注明:这个插件只是进行样式细节的许多微调。
如果你需要的是微博急简或 FaWave 那样整体大调功能特性的工具。那么请无视这个插件 :)

目前最新版本 0.0.4.4

插件的下载地址

http://oss.aliyuncs.com/pie-documents/20141124/better_weibo_0.0.4.4.crx
(请右键另存为来下载)

google 应用商店地址
https://chrome.google.com/webstore/detail/better-weibo-v6/cnjhghfombeaadgalejoedpfhgmoohlh

插件的安装方法

在 chrome 菜单里点击 工具 > 扩展程序
或者直接在地址栏打开 chrome://extensions/

把下载好的 .crx 文件,用鼠标拖拽到浏览器窗口里。

如果显示这样的信息,说明安装好了。立即访问 http://weibo.com 就可以看到效果。

如果有问题和建议,可以在微博上联系我:http://weibo.com/ben7th

简单介绍

最近许多朋友被强制更新了微博新版(v6 版)。但是新版的设计,似乎并不讨喜。

其实新版最大的问题在于:过密的间距,比较破碎的分块,以及文字过小。
如果修正这些问题,新版的接受度可能会高一些。

我尝试用 CSS 覆盖的方式,对新版进行了一定的改良:

  • 调整了区块内部过窄的间距,加大了留白;
  • 把很多地方过小的字号改大,便于看清楚;
  • 改进了评论列表的样式,字号,和字体间距;
  • 合并了一些区块以改良视觉上破碎的问题;
  • 修正了个人页区块之间的不一致间距;
  • 修改“查看更多”以及微博操作链接的样式,使之更符合扁平化设计风格;
  • 重新对大部分元素进行了细微的像素调整,使之对齐;
  • 剔除了意义不大的内容;

总体来说,在尊重微博新版原始设计大方向的基础上,把一些可能引人不快的细节进行了调整。
改良之后的效果可以看对比图:

希望这个插件能够对你有所帮助!


changelog

0.0.4.4

  • 微博又把个人页的区块间距调回去了。。所以本插件版面乱掉了。。好吧,跟着调回去。

0.0.4.3

  • 由于微博原始界面调整了个人页区块间距,本插件进行了相应的一些调整以适配
  • 由于“发现”界面已经套用了v6样式,本插件针对此页面进行相应的适配
  • 修正了一些零碎的间距问题

0.0.4.2

  • 修正了不同页面下存在的正文左边距不正确的问题
  • 修正了部分页面的字号过小问题

0.0.4

  • 消除了每条微博“评论”点开后的多余小三角
  • 调整了“热门话题”中的标签栏背景色和右上角“阅读·讨论·粉丝”区域的边距问题

0.0.3

  • 修正了热门话题栏中,带有详情泡泡区块的话题下区块中的行高问题;
  • 给首页的第一条微博上方的导航条链接增加了更有区分度的样式
  • 调整了“还有x条对原微博的转发”栏目的字体大小和头像样式
  • 调整了右上角浮动提示的字体大小
  • 改进了“@我的”“评论”“赞”三个页面的过滤组件样式
  • 修改了一个关于插件图标状态切换的 BUG

About

一个 chrome 浏览器插件,用来调整 weibo 2014 新版的样式

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published