開發自己的One Page Scroll外掛程式(二)

2022-04-02 08:22:33 字數 874 閱讀 8479

開發自己的one page scroll外掛程式(一)

我經常會不停地發布當前的版本,從而可以在github上得到不斷的反饋。我的開發模式是不斷的迭代。在開始的時候,我不會太關注它在手機上的效 果,其實到目前我也沒有關注這個問題。但其實我使用了乙個簡單的解決方案。通過檢測和轉換資料,從而在手機上同樣能執行init_scroll方法。但是 這樣做不總能達到效果,比如android系統的瀏覽器中。所以我最終我最終實現了乙個fallback來讓外掛程式回退到本地的scrolling特性:

首先,我定義了乙個變數來啟用這個fallback,這個fallback的內容是外掛程式觸發fallback之後的操作。

上面的**片段會檢測瀏覽器的寬度,如果寬度達到了一定的範圍,就會觸發fallback,然後這個方法會解除所有的展示方法,讓頁面變成普通的滑動介面。這個外掛程式會通過disabled-onepage-scroll來確定是否已經初始化,如果沒有的話會重新初始化。

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

測試是整個開發過程的必要環節,當你發布乙個外掛程式的時候,你必須確定它可以在大部分的機子上成功執行。chrome是我的主要瀏覽器,我經常用它來 開發,如果有乙個你比較熟悉的瀏覽器,這會給你的開發帶來很多好處,但是缺點是你的視角就會有侷限,很多問題你都發現不了。對我來說,我同時會在其它瀏覽 器中測試,包括firefox,safari和opera。

我主要是用我的macbook air來開發,但是我家裡也有其它作業系統的電腦,我需要盡量模擬各種使用者所有的環境,大家都知道,ie是個大問題。

除了這些,你應該知道,手機上也有不同的瀏覽器。

閱讀全文:開發自己的one page scroll外掛程式(二)

根據nestk庫開發自己的軟體

nestk是rgb demo中演示程式使用的核心庫。它旨在輕鬆整合到現有的基於cmake的軟體中,並快速訪問kinect功能。該庫建立在opencv和qt之上,用於圖形部分。它的一部分也取決於pcl。它包含或尋找所需的所有其他庫。特別地,包括libfreenect。它可以用作系統上安裝的經典外部庫,...

jquery 如何開發自己的jQuery外掛程式

1.在jquery命名空間內宣告乙個特定的命名 fn.hilight function 我們可以這樣呼叫 mydiv hilight 2.接收引數來控制外掛程式的行為 來為我們的hilight外掛程式新增指定前景和背景色的功能,我們需要在函式中允許乙個object型別的選項設定。如下所展示的那樣 f...

如何用node開發自己的cli工具

寫這個工具的靈感以及場景源於youtube的一次閒聊 原本我們寫部落格展示shell,例如 安裝運轉docker,一鍵部署指令碼,等一些終端操作,我們需要進行大量的截圖展示給使用者,為什麼不能更加直觀方便的生成乙個網頁呢?sudo npm install share shell gtw help 1...