mobile-website - モバイル Web ソリューションとしてのラチェット

Question

したがって、私はラチェットを使用してモバイル Web エクスペリエンス (電話ギャップ/ハイブリッド アプリ エクスペリエンスではなく) を作成したいと考えており、ラチェットはそれに適しているようです。ただし、ユーザーが私のプロトタイプをデスクトップ ブラウザーから表示した場合に機能が損なわれることは望ましくありません (醜い可能性があります)。モーダルのような JavaScript の一部は、デスクトップでは機能せず、モバイル デバイスでのみ機能することに気付きました。

デスクトップブラウザでもモーダルのようなものを動作させるには、どのような回避策がありますか?

js ファイルで、同じイベント リスナーを touched イベントからの click イベントに次のように追加できることに気付きました。

  window.addEventListener('click', function (event) {
    var modal = getModal(event);
    if (modal) {
      if (modal && modal.classList.contains('modal')) {
        modal.classList.toggle('active');
      }
      event.preventDefault(); // prevents rewriting url (apps can still use hash values in url)
    }
  });

ブートストラップと並べて実行することに関する提案はありますか? それは実現可能ですか？