`

开发自己的One Page Scroll插件(二)

阅读更多

开发自己的One Page Scroll插件(一)

5. 在其他浏览器中的特性

我经常会不停地发布当前的版本,从而可以在GitHub上得到不断的反馈。我的开发模式是不断的迭代。在开始的时候,我不会太关注它在手机上的效 果,其实到目前我也没有关注这个问题。但其实我使用了一个简单的解决方案。通过检测和转换数据,从而在手机上同样能执行init_scroll方法。但是 这样做不总能达到效果,比如Android系统的浏览器中。所以我最终我最终实现了一个fallback来让插件回退到本地的scrolling特性:

......

......

首先,我定义了一个变量来激活这个fallback,这个fallback的内容是插件触发fallback之后的操作。

上面的代码片段会检测浏览器的宽度,如果宽度达到了一定的范围,就会触发fallback,然后这个方法会解除所有的展示方法,让页面变成普通的滑动界面。这个插件会通过disabled-onepage-scroll来确定是否已经初始化,如果没有的话会重新初始化。

这个解决方案不是最好的,但是它能为你提供一种解决办法的思路,毕竟在手机上解决one page scroll不是容易的事情。

6. 跨浏览器测试

测试是整个开发过程的必要环节,当你发布一个插件的时候,你必须确定它可以在大部分的机子上成功执行。Chrome是我的主要浏览器,我经常用它来 开发,如果有一个你比较熟悉的浏览器,这会给你的开发带来很多好处,但是缺点是你的视角就会有局限,很多问题你都发现不了。对我来说,我同时会在其它浏览 器中测试,包括firefox,Safari和Opera。

我主要是用我的Macbook Air来开发,但是我家里也有其它操作系统的电脑,我需要尽量模拟各种用户所有的环境,大家都知道,IE是个大问题。

除了这些,你应该知道,手机上也有不同的浏览器。

......

......

阅读全文:开发自己的One Page Scroll插件(二)

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics