开发自己的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插件（二）