嗯…还是 PMangar | Yeah…PMangar Again

上次提到了 PMangar 会占用大量内存而导致浏览器崩溃,于是经过测试了各种清理内存的手段之后,决定还是放弃这方面的优化。虽说根据 Kindle 的浏览器配置文件wrs.ini来看默认设置是内存达到70MB的时候重启浏览器,但是实际使用总感觉70MB来得太快了……如果漫画本身是双页的,那么貌似不到10页就重启了,初步结论是变量清空(blah=””)对实际内存占用并没有神马影响。

于是接下来要改进的就是使用Cookies,这样即便浏览器没能撑住,也能保证在重启刷新页面后能够恢复到弥留之际的页面状态,可能的话还可以尝试涉足一下数据库,弄个用户注册登录神马的OLO。嗯,就写到这里。

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

Finally an English version post after a long time, well, this is simply because the Chinese version of the post is not so long so the rephrasing work will not trigger the limit of my laziness.

So lately I’ve been improving the online manga viewing website – PMangar, which is now almost working to my expectation. After a lot of logical improvements and the enhancement of Javascript, jQuery and some ugly UI designing, the site is now capable of basic features like manga searching, preloaded image viewing and keyboard shortcut. Even though more functions are going to be added, there is one major problem that I need to fix for now: the restart of the browser when memory limit triggered. Up to the latest version,  all data are stored in the cache and, after the restart, will be completely gone. The user will have to start from the first page and repeat all the inputs to get to the last page before the sudden death of the browser.

Therefore, I’m planning to utilize the Cookies of the browser and put the info needed for crash store in it. It might even be a good chance to have a taste of the MySQL database and try to implement some simple signup,login and comment system.

That’s me.

继续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美化以及用户体验优化应该没了. 嗯,要专心学习了.