继续PMangar | PMangar Keeps Going

又是一番折腾,算是把CSS弄清楚一些了。首页和浏览页也勉强算是弄了个比较美观的UI,不过高兴的是首页顺利通过W3C认证了,无论结果如何,在过程中算是把规范弄得比较清楚了。

最新版PMangar已经上传到了ver0.003,目前实测在Kindle上依然有个内存不足的问题,虽然设法在浏览中删除了6页之外的旧内容,不过实测表明大约近20页之后浏览器会因为内存的原因重启,这时候Cache数据就完全丢失了。目前准备了解一下Javascript的内存清理方面是否还有优化空间,以及,把保留6页内的内容改成前5页外的全部清空试试。

几张截图:

顺带一提,做完这些的时候偶然在jsfiddle看到了jQuery Mobile,然后立马震精了,这货已经实现了近乎所有移动设备上的浏览器的HTML5兼容(Kindle 3赫然在其中),然后UI方面也有了很不错的兼容各种设备的设计器,不得不说对俺自己设计的想法是个巨大的打击。不过既然工具在此,就可以加以利用,之后的列表一类的功能估计就可以用jQuery Mobile来做了。

PMangar 大进展 | Improved PMangar

首先给出 PManagr 测试版链接: 〇L〇 或者 〇.〇

上回貌似就提到了,亚马逊在3G的代理服务器上面做了手脚,以至于超过800×600的图片都被缩水了(有人反映图片也被转成灰度了,因为PNG的透明部分变成了黑色)

大图缩水版
3G下的大图
(注意标题的尺寸)
大图原版
WiFi下的大图
(注意标题的尺寸)

 

这对于 PMangar 来说是个不小的问题,于是当时第一个念头就是: 把图片切成小图

这样的话小图可能就不会超过尺寸限制,或者即便超过了再被缩小也刚好在能接受的范围内,不过这就需要在服务器端进行图像处理,例如使用GD模块. 于是就使劲查相关资料企图了解函数的用法,同时考虑图像文件的存放问题(例如按照访问时间为名称建立临时文件夹来存放),期间偶然看了看html5rock主页的源代码,发现有一些类似于:

的图片, 而在网页中的显示完全正常,于是就猜测是否有一种特殊的编码格式允许把文件的每个字节都用字符表示并直接用在网页中–Data URI. 利用这个就能绕过代理服务器对图片的处理而获取原本的图像内容了.唯一的缺点是因为结果是字符串的形式,所以浏览器不会进行缓存,于是用javascript建立了一个array专门装data解决了. 昨天画了几个图标把图形化的导航菜单加进去了,效果还行,目前唯一剩下的问题就是使用”document.title”之后标题栏并不会刷新,除非页面reload,猜测是浏览器本身的设计所以暂时无解了.

总的来说对这个东西还是挺满意的,剩下的除了对于漫画目录的获取处理,UI美化以及用户体验优化应该没了. 嗯,要专心学习了.

PMangar 更新中 | Upgrading PMangar

之前的十来个月荒废了太多太多,回头一想实在是愚蠢至极,随之而来的还有各种后悔。但时光已逝,无论怎样都不会复还了,所以要做的便是:珍惜今后的光阴,以活得不后悔为宗旨,尽力创造美好的生活。

嗯,跑题了,下面言归正传。近期开始各方面发奋,包括各种编程语言,于是利用改善PMangar的机会提升运用PHP乃至是组合网络编程语言的能力。这次的主要目的是恢复键盘热键的使用,以及预读取图像。
1. 键盘热键的问题是在重拾PMangar的时候发现的,那时候一开始是单纯的用本机测试,体验的时候一切正常。可是放到000上无法使用热键,而放在SAE上却可以。那时候并没有深入研究,以为是服务器端的限制导致的,就没有研究了。后来在给漫画预览界面添加封面图的时候又遇到了这个问题,000上死活读不了,而本机和SAE都能正常显示。于是翻来覆去折腾的过程中,一次偶然的机会试了一下源代码中pic.php的地址,发现是个死链,点开会跳到404。
问题就这么找到了,在http://rotar.tk/pm/pm.php中用来fetch图像的pic.php的链接部分原本是缩写成了”/pic.php?url=*****”

这在IIS(本机)和SAE上的实际结果都是 ”http://rotar.tk/pm/pic.php?url=*****“

而到了000那里就被解读成了 “http://rotar.tk/pic.php?url=*****“

于是文件不存在,自然也就无法用来取图。去掉那个斜杠,也就是更正为”pic.php?url=*****”之后,缩略图的显示就全都正常了。

热键使用的key.php也是因为同样的原因而失效,这个问题直到4小时前才被发现及更正。

 

2. 图片预读的办法

主要有两种:

一种是利用Javascript建立Image对象然后对图像进行载入,之后在网页中插入。

而另一种,也是目前在PMangar中采用的方法是利用CSS。原理是利用CSS的background-image来读取图像并且将这个div设置为0x0的大小,于是图像就在读者看不到的情况下载入了。

这里要提一下的是多个图像的地址只需要用逗号隔开就行了,如下:

Javascript部分就比较简单了,沿用之前的document.onkeydown的函数,给了图片一个id(例:pic)然后用getElementById的方法获取,直接pic.src = XXXXX (下一张图的地址)就可以了。链接和标题之类的也是利用Javascript进行修改的,唯一花了点心思的地方是把图片的链接字符串组从PHP搬到了JS的Array里,然后在JS中利用变量进行索引从而达到不刷新页面就能全部浏览的目的。

大概就写这么多了OLO,时间不早,在折腾会儿就水饺了,希望上文能够在今后给意外点进本文的童鞋一点帮助。

——Edit

折腾了一段时间,发现3G下图像的尺寸老是有缩水(WiFi无影响),发现貌似是Kindle升级到3.3了之后才产生的问题,不清楚是本地的浏览器配置的改变还是Whispernet代理服务器搞的鬼。于是还在想办法中,最好是能在Kindle本地解决。

PMangar再启动计划 | Revival of PMangar

大概是从去年开始着手制作了一个简陋的看漫画用的php网站PMangar,功能只有通过股沟在178上面搜索与输入字符相关的漫画,然后一页一张图的方式进行浏览,当时在Kindle和手机上测试效果都还凑合,于是就收工了。近来无事,于是又测试了一下,发觉功能基本失效,于是重新检查和改进,总算是又能恢复使用了。传送门在此:http://rotar.tk/pm

本文便用来记录复活PMangar过程中的领悟和心得,与诸君共勉。

————————–Lang Sep—————————–

PMangar was an simple php application that fetches comics from 178.com and display it to the user. In other words, its just an online comic viewer. The work are considered done in last year as the result of using it on both Kindle and my Nokia phone seems to be satisfactory. However, when I checked the application few days ago, nothing seems to be working and therefore I’m here to repair and upgrade it. The currently working version is available at http://rotar.tk/pm.

This post intend to share what I’ve learnt about php during the process and hope it may help.

Continue reading…

罗塔回归~ | Rotar’s Back

之前因为种种原因没能顾及博客以至于空间被干掉了才发觉……幸好先前有备份所以损失不是很大。于是这次重新归来打算好好养成使用的习惯。那么,预祝六一儿童节快乐神马的……

—————————–Lang Sep————————————-

Due to various reasons the blog was deleted a while ago and now I’m bringing it back to life. Fortunately I had a backup of all the posts and pages so the loss isn’t terrible. Anyways, I will try to utilize this blog from now on and share feelings and stuff with visitors (if there exist any). Hope you enjoy it. =]

给Kindle 3浏览器集成中文云输入法 | Integrate Cloud IME on Kindle 3 Browser

最近入手了 Kindle 3 (3G+WiFi 美版),各方面感觉都不错,除了中文输入这一点……
解决方案有两个:

其一:使用CanBeFound兄编写的中文输入法

这个效果很好,支持联想还能储存用户词典。目前唯一的遗憾是英文符号的输入相比原来的符号键盘略有些不便,当然从中文的角度来说却是好太多了。

其二:使用基于Javascript的中文云输入法( Sougou, QQ )

此法有个局限,就是只能在浏览器里使用,不过多数时候对于中文输入的需求也就是源于上网,股沟摆渡神马的。

原理是利用浏览器的Article Mode,意即文章模式,启用此模式以后浏览器会把当前网页重新排版成适合Kindle浏览的风格。而其本质则是利用一个JavaScript的脚本对原来的页面内容进行处理。
脚本位置在此:

/usr/share/browser/readability/readability_min_utf16.js (脚本文件)
/usr/share/browser/readability/readability_min_utf16.css (CSS风格文件)

经过一番测试和选择,最后选用的是Sougou云输入法。另外备选的还有QQ云输入法,可惜实际测试中反应速度太慢所以被淘汰。
Continue reading…

网盘付费下载链生成站 | Premium Link Generator Websites

这东西不知该咋翻译,大意就是文件分享站一般有两种下载方式:免费和付费。免费就要等待,并且限速。而付费(Premium)的能够马上下载并且保证最高速。这里介绍的网站就是能够通过特殊手段直接从付费途径下载,对于身在墙内的有另一好处就是可以下载被墙的网站的文件。
传送门:http://www.tigerleech.com   http://rainleech.com

The two websites above are premium generators of file sharing sites like rapidshare, megaupload, fileserve, hotfile, filesonic.

翻越电子长城 | Bypassing the GFW

归来半月有余,经常上网看看东西什么的,结果好好地领略了一番绿土贝高级版的威力。各种各样的网站上不去,相当给力,于是便继续一年前未完成的事业,继续致力于寻找优良的穿墙工具。
功夫不负有心人,总算是找到了3个有效的方法。

It’s been almost half a month since I’m back home. During this period I surfed the Internet frequently and experienced the power of the *cough*GreenDam*cough* Professional Edition which is monitoring the network of China. Many sites were blocked and this is really annoying. I therefore continued with finding bypass tools – a work left undone for over a year.
As the saying goes ‘No pay no gain’, I managed to find 3 of them which are listed below. (This post is mainly for those ones living in the PRC so English version will stop at here. If you do need to try these tools, Google translate is your choice.)

1. Tor
Tor可是相当著名的穿墙工具了,早两年的时候博主还是用过的,穿透能力不错,就是速度稍微寒碜了点。
下载传送门:https://torproject.com/download/download.html.en
进入后找到“Tor Browser Bundle”下载下来后释放出来就能运行了。
不过国内一般是需要另外获取网桥(bridges)才能正常连接。获取方法是发送题为”get bridges”的邮件给 bridges@torproject.org 然后把邮件内的网桥地址添加进设置中(如下图)。

2. Goagent

这个是利用Google的appengine来实现穿墙的,首先你需要有一个Google帐号并且在app engine中创建了Application,然后利用goagent的工具上传一个程序到空间内,在本地运行另一个程序,再修改代理服务器就可以实现利用Google翻墙了。

具体的说明和程序的下载在此:https://code.google.com/p/goagent/

需要注意的是这个方式使用的是app engine中那个Application的流量,目前的情况是每月1GB,不过是每个1GB/Application,所以有需求的可以多创建几个,每个帐号限制最多创建10个。

3. 逍遥游 (FreeU)

此物与著名的自·由门以及无·界浏览出于同一个组织,与另外二者相比,效果显著,延时低并且不容易被屏蔽。运行搜索连接上代理后会自动设置代理服务器。

下载方式是在电骡中搜索“GIFC” (Global Internet Freedom Consortium 即国际互联网自由联盟) 之类的字样,或者用上述工具翻出去以后直接前往“动·态网”进行下载。

截至发文时间为止,此物最高版本号为2.1.

 

以上便是找到的工具,用来浏览网页什么的算是绰绰有余了,不过要玩美服游戏什么的可还不成,奈何VPN被封杀的一塌糊涂,只能再花心思慢慢寻找了。希望读者翻得开心,穿得愉快。

回家了 | Back Home

好久没更新了,哈哈,于是冒个泡
顺带一提G·F·W这货还真讨厌,在墙外没感觉,一回来就颇受困扰,幸好有逍遥·游,嘿嘿,番羽土啬利器啊
—————————————-
It’s really been a long time since my last post.
I’m back home now and suffered a little from the GFW. However, I managed to bypass it using a tool called coughFreeUcough.

推荐个视频网站| Video Sharing Site Recommendation

最近偶然找到了一个视频分享网站(http://www.collegehumor.com),感觉相当有趣。原本是想找“屁股脸男孩”的视频的,转悠转悠就到了这儿,发现许多有趣视频,特此分享几个。
I recently came across an interesting website called CollegeHumor with loads of funny videos and therefore wants to share it with everyone. Here are some of my favourite ones.

首先就是这个了:
Tada! “The Boy With an Arse For a Face”:


Continue reading…