我經(jīng)常會(huì)不停地發(fā)布當(dāng)前的版本，從而可以在GitHub上得到不斷的反饋。我的開(kāi)發(fā)模式是不斷的迭代。在開(kāi)始的時(shí)候，我不會(huì)太關(guān)注它在手機(jī)上的效果，其實(shí)到目前我也沒(méi)有關(guān)注這個(gè)問(wèn)題。但其實(shí)我使用了一個(gè)簡(jiǎn)單的解決方案。

開(kāi)發(fā)自己的One Page Scroll插件（一）

5. 在其他瀏覽器中的特性

我經(jīng)常會(huì)不停地發(fā)布當(dāng)前的版本，從而可以在GitHub上得到不斷的反饋。我的開(kāi)發(fā)模式是不斷的迭代。在開(kāi)始的時(shí)候，我不會(huì)太關(guān)注它在手機(jī)上的效 果，其實(shí)到目前我也沒(méi)有關(guān)注這個(gè)問(wèn)題。但其實(shí)我使用了一個(gè)簡(jiǎn)單的解決方案。通過(guò)檢測(cè)和轉(zhuǎn)換數(shù)據(jù)，從而在手機(jī)上同樣能執(zhí)行init_scroll方法。但是 這樣做不總能達(dá)到效果，比如Android系統(tǒng)的瀏覽器中。所以我最終我最終實(shí)現(xiàn)了一個(gè)fallback來(lái)讓插件回退到本地的scrolling特性：

......

......

首先，我定義了一個(gè)變量來(lái)激活這個(gè)fallback，這個(gè)fallback的內(nèi)容是插件觸發(fā)fallback之后的操作。

上面的代碼片段會(huì)檢測(cè)瀏覽器的寬度，如果寬度達(dá)到了一定的范圍，就會(huì)觸發(fā)fallback,然后這個(gè)方法會(huì)解除所有的展示方法，讓頁(yè)面變成普通的滑動(dòng)界面。這個(gè)插件會(huì)通過(guò)disabled-onepage-scroll來(lái)確定是否已經(jīng)初始化，如果沒(méi)有的話(huà)會(huì)重新初始化。

這個(gè)解決方案不是最好的，但是它能為你提供一種解決辦法的思路，畢竟在手機(jī)上解決one page scroll不是容易的事情。

6. 跨瀏覽器測(cè)試

測(cè)試是整個(gè)開(kāi)發(fā)過(guò)程的必要環(huán)節(jié)，當(dāng)你發(fā)布一個(gè)插件的時(shí)候，你必須確定它可以在大部分的機(jī)子上成功執(zhí)行。Chrome是我的主要瀏覽器，我經(jīng)常用它來(lái) 開(kāi)發(fā)，如果有一個(gè)你比較熟悉的瀏覽器，這會(huì)給你的開(kāi)發(fā)帶來(lái)很多好處，但是缺點(diǎn)是你的視角就會(huì)有局限，很多問(wèn)題你都發(fā)現(xiàn)不了。對(duì)我來(lái)說(shuō)，我同時(shí)會(huì)在其它瀏覽 器中測(cè)試，包括firefox，Safari和Opera。

我主要是用我的Macbook Air來(lái)開(kāi)發(fā)，但是我家里也有其它操作系統(tǒng)的電腦，我需要盡量模擬各種用戶(hù)所有的環(huán)境，大家都知道，IE是個(gè)大問(wèn)題。

除了這些，你應(yīng)該知道，手機(jī)上也有不同的瀏覽器。

......

......

閱讀全文：開(kāi)發(fā)自己的One Page Scroll插件（二）