• 开发自己的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插件(二)

  • 相关阅读:
    方法
    成员变量和局部变量
    带参数的方法
    包名规范
    String
    导包
    java基础(十二章)
    java基础(十一章)
    java基础(九章)
    java基础(八章)
  • 原文地址:https://www.cnblogs.com/gbin1/p/3964406.html
Copyright © 2020-2023  润新知