V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
kuber
V2EX  ›  分享创造

又一个网页版知乎日报 http://zhnews.sinaapp.com/

  •  2
     
  •   kuber · 2014-08-13 14:00:33 +08:00 · 9904 次点击
    这是一个创建于 3784 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我知道已经有好几个V友做的网页版了。个人不太喜欢那种大图片的网页设计,更喜欢知乎阅读这种列表式的浏览方式。所以自己又做了一个: http://zhnews.sinaapp.com/

    用framework7 开发的,也适合ipad, ipad mini 和android 平板。不兼容IE。
    第 1 条附言  ·  2014-08-18 22:38:26 +08:00
    今天加上了几个栏目。喜欢”深夜食堂“和”吐槽“的同学快去看看吧
    44 条回复    2014-08-19 20:49:22 +08:00
    kuber
        1
    kuber  
    OP
       2014-08-13 14:14:31 +08:00
    话说framework 真心不错。开发起来很快
    kmvan
        2
    kmvan  
       2014-08-13 14:17:19 +08:00 via Android
    安卓opera mini 无法正常显示内容。。。
    kuber
        3
    kuber  
    OP
       2014-08-13 14:20:38 +08:00
    @kmvan 谢谢反馈哈。还真的没有测试过opera。因为是用framework 7 开发的,可能对webkit 以外的浏览器支持不好。我在android 上只测过chrome。。。
    steveway
        4
    steveway  
       2014-08-13 15:09:05 +08:00
    有一个更像知乎ui的:http://www.zhihudaily.net/
    rrfeng
        5
    rrfeng  
       2014-08-13 15:13:21 +08:00
    左面点了后没变化的?有时候不知道看到哪一条了……
    kuber
        6
    kuber  
    OP
       2014-08-13 15:49:19 +08:00
    @steveway 我说的是类似知乎阅读 (http://www.zhihu.com/read) 这样左右栏式的风格
    ccbikai
        7
    ccbikai  
       2014-08-13 16:02:27 +08:00
    楼主防盗链是抓取图片再输出?

    http://www.zhihu.com/rss 知乎RSS里边的图片没有防盗链
    Leafove
        8
    Leafove  
       2014-08-13 16:29:28 +08:00
    感觉还是直接rss订阅舒服
    xLzgkddTywk9ALsX
        9
    xLzgkddTywk9ALsX  
       2014-08-13 16:44:10 +08:00
    分享功能,微信.
    kuber
        10
    kuber  
    OP
       2014-08-13 17:07:26 +08:00
    @rrfeng 左边栏里点选的文章会变背景色啊。你那边没有变吗?那又可能是我的bug。能告诉我你的设备和浏览器吗?
    jsonline
        11
    jsonline  
       2014-08-13 17:15:28 +08:00 via Android
    framework 不是说了只针对 iOS 7 么?在 Opera 可能有问题
    liteneo
        12
    liteneo  
       2014-08-13 17:18:18 +08:00
    文章页面宽度大于600px真的大丈夫?
    我也基于 Ionic Framework 做了一个移动版的,不过最近太忙没时间完善
    Shared
        13
    Shared  
       2014-08-13 19:17:10 +08:00
    赞,这个比大图的那种读起来舒服
    kuber
        14
    kuber  
    OP
       2014-08-13 19:23:33 +08:00
    @liteneo 文章页面宽度会根据屏幕宽度调整。
    这样在PC 浏览上能充分利用显示器的宽度同时在平板上能自动适应。
    目前在768px 以上(显示器和ipad 横屏时)显示两栏,右边文章宽度用百分比。
    768一下宽度(ipad 竖屏和手机)只显示右边文章区域,左边文章列表区域通过左上角的列表图标按钮显示出来。
    kuber
        15
    kuber  
    OP
       2014-08-13 19:28:09 +08:00
    @liteneo 我的初衷是做一个兼顾在pc 和平板上看知乎日报的东西。手机上已经有知乎日报的应用,没有必要考虑了。
    rrfeng
        16
    rrfeng  
       2014-08-13 19:36:38 +08:00
    @kuber
    win8 chrome stable
    liteneo
        17
    liteneo  
       2014-08-13 20:22:25 +08:00
    @kuber 貌似有个叫 知了 的跟你这个布局很像
    Aoliz
        18
    Aoliz  
       2014-08-13 20:38:03 +08:00
    想起一个事情,蛋疼地尝试在手机上装了 猎豹清理大师,发现每天都提示说 知乎日报 占用内存太多了,有30%,真不知道《知乎日报》App在做什么。。。
    regent
        19
    regent  
       2014-08-13 20:59:18 +08:00 via iPhone
    能不能给吐槽那个子栏目一个专链?
    kuber
        20
    kuber  
    OP
       2014-08-13 22:45:01 +08:00
    @liteneo 是那个mac 应用吗?的确 我们都是两栏的。
    kuber
        21
    kuber  
    OP
       2014-08-13 22:45:22 +08:00
    @Leafove 知乎日报没有RSS :-(
    sarices
        22
    sarices  
       2014-08-13 22:46:43 +08:00
    还是喜欢在kindle看,每天早上起来之前推送到帐号,一边吃早餐一边看日报
    liteneo
        23
    liteneo  
       2014-08-14 00:23:18 +08:00
    regent
        24
    regent  
       2014-08-14 00:25:47 +08:00 via iPhone
    @liteneo 谢谢,不过你这个iphone上的视图太窄,还不如不要做成小块,能不能提供个列表模式,图小一点?iPad上勉强能接受
    liteneo
        25
    liteneo  
       2014-08-14 00:28:47 +08:00
    @regent iPad上只是勉强接受啊。。。我自己倒是满意,至于iPhone上面,确实有这个问题,不过没精力弄了,我基本都是用iPad跟电脑看
    liteneo
        26
    liteneo  
       2014-08-14 00:33:51 +08:00
    @regent 只是写了一个通用的响应式方案,针对于手机确实不太友好
    librae
        27
    librae  
       2014-08-14 00:53:34 +08:00
    做得很漂亮,赞一个楼主。
    aa65535
        28
    aa65535  
       2014-08-14 02:12:07 +08:00
    @kuber 左侧不能变色,控制台报错: Uncaught ReferenceError: _hmt is not defined
    然后我在控制台 _hmt = []; 居然就正常了。
    hoogle
        29
    hoogle  
       2014-08-14 02:52:42 +08:00 via iPhone
    发现宽度有点不对
    kuber
        30
    kuber  
    OP
       2014-08-14 07:45:13 +08:00
    @aa65535 谢谢你的反馈哈。你是什么浏览器?
    我做了一点修改,你再试试看。如果还是有问题请回复我,谢谢!
    kuber
        31
    kuber  
    OP
       2014-08-14 07:49:38 +08:00
    @rrfeng 我做了一些改进,你能再试试吗?
    kuber
        32
    kuber  
    OP
       2014-08-14 08:39:08 +08:00
    @hoogle 是iphone 吗?对iphone 的屏幕尺寸没有调好。现在改好了,你再试试?
    rrfeng
        33
    rrfeng  
       2014-08-14 08:59:51 +08:00   ❤️ 1
    @kuber
    还是不行

    Uncaught ReferenceError: _hmt is not defined
    Leafove
        34
    Leafove  
       2014-08-14 09:03:05 +08:00
    @kuber 有各种第三方
    tomliu
        35
    tomliu  
       2014-08-14 09:30:42 +08:00
    @kuber 其实iPad上也有'知了'
    njhuar
        36
    njhuar  
       2014-08-14 09:39:25 +08:00
    这种早期帧结构的网页布局似乎被你们弄的有复苏的迹象。
    这种帧结构布局的缺点是,地址栏缺少内容页的独立URL ,不利于页面收藏和分享(delicious,diigo,pocket,evernote... etc.)。
    kuber
        37
    kuber  
    OP
       2014-08-14 10:10:04 +08:00
    @njhuar well, 这种东西似乎从来就没有衰落过的迹象吧。google reader,gmail 一直就在啊。只要你不把它们看作“网站”,就当作web application 就好了。
    kuber
        38
    kuber  
    OP
       2014-08-14 10:14:38 +08:00
    @rrfeng 刷新呢?我修改了js
    aa65535
        39
    aa65535  
       2014-08-14 10:54:02 +08:00   ❤️ 1
    @kuber chrome , 依然是 _hmt is not defined ,语义上应该一个数组 ,但是在 myapp.js 中并没有看到有申明。
    另外一个问题就是转发图片(防盗链?)会出错,如下面这个,提示应该是图片过大?
    http://zhihunews.sinaapp.com/img?src=http://pic4.zhimg.com/d5cef270b181d740a202f212c4aeaf6e_b.jpg
    itfanr
        40
    itfanr  
       2014-08-14 21:05:38 +08:00
    API从哪里弄的啊
    kuber
        41
    kuber  
    OP
       2014-08-15 16:49:14 +08:00
    @aa65535 @rrfeng 还有问题吗?
    lshero
        42
    lshero  
       2014-08-16 21:44:21 +08:00
    kuber
        43
    kuber  
    OP
       2014-08-18 22:36:27 +08:00
    @regent 你是指“瞎扯 · 如何正确地吐槽” 吗?哈哈, 我也最喜欢看这个了。
    今天已经加上了几个专栏,里面就有“瞎扯 · 如何正确地吐槽”!
    itfanr
        44
    itfanr  
       2014-08-19 20:49:22 +08:00
    @lshero 谢谢哇
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2746 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 09:54 · PVG 17:54 · LAX 01:54 · JFK 04:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.