問題タブ [mobile-chrome]

何らかの理由で、Web ページにある SVG の 1 つが iOS Chrome または iOS Safari でレンダリングされません。メインのロゴに使用する別の SVG は、まったく問題なくレンダリングされ、ファイル名/パスとまったく同じコード バーを使用します。要素は正しいサイズと幅でインスペクターにありますが、画像自体は存在しません。また、モバイルのような解像度に縮小した場合でも、通常のブラウザーで問題なくレンダリングされます。

これがSVGのコードです

そして付随する SCSS

編集：フッターコード

Android デバイスで次のデモを確認してください。

スクロールデモ

画面から少し外れている赤いボックスがあります。垂直スペーサーが存在しない場合、ページをどの方向にもドラッグできません。スペーサーが存在し、ウィンドウよりも多くの垂直方向のスペースを占有している場合、(予想どおり) ページを下にドラッグできますが、水平方向にもドラッグできるようになりました。

これは、Android ブラウザーでのみ発生するようです。ここで何が起こっているかについての手がかりはありますか？垂直スクロールを維持しながら、水平スクロールを完全に防止したいと思います。

javascriptを使用して画面上でタッチを移動することにより、タッチベースのモバイルでモバイルWebブラウザーからテキストを選択しようとしています。テキストを選択するためにロングタッチを使用したくありません。モバイルが提供する方法ではなく、デスクトップのブラウザと同じように、選択したテキストを取得しようとしています。

テキストページを選択しようとするとスクロールします。しかし、スクロールする代わりに、テキスト選択が必要です。

テキストを選択する方法を教えてください。

https://github.com/MobileChromeApps/mobile-chrome-appsにアクセスすると、最初に「The Chrome Apps for Mobile toolchain is in developer preview.」という大きな太字のメモがあり、数日前にそれを読んでいます。私は、プロジェクトは当分の間生産準備ができていないと思います。

今日誰かがそれを勧めてくれて、とても良さそうですが、まだ準備ができていないのではないでしょうか?

セキュリティで保護する必要がある金融アプリを構築していることを考慮してください。

前もって感謝します、

cca を v0.1.1 から 0.4.3 に更新したところです。Android のポリマー アプリでは、以前は index.html (未縮小) の読み込みに数秒かかっていましたが、今では読み込みに 1 分以上かかります。ポリマー (v0.4.2) は更新せず、cca とすべての使用されている cordova プラグインを更新しただけです。

縮小版（strip:true フラグを付けて vulcanize による）のロード時間は問題ないように見えますが、問題は縮小版でのみ発生します。

ところで：両方とも横断歩道が有効になっています。ほぼ半分の種類のポリマー コントロールを使用しました。index.html は 215k、index.js は 174k です。

この問題は未解決のまま 1 日かかりました。助けてください。

私はウェブページを持っています。それを と呼びましょうentry.html。

ユーザーがこのページに入ると、JavaScript コード (以下を参照) がユーザーをネイティブの iOS / Android アプリにディープリンクしようとします。

ディープリンクが失敗した場合 (おそらくアプリがデバイスにインストールされていない場合)、ユーザーは別のページに「フォールバック」する必要がありますfallback.html。

で実行されている JavaScript コードは次のentry.htmlとおりです。

これは、ネットワーク全体で推奨される標準のディープリンク方法です。ディープリンクを試み、タイムアウトが発生した場合は、ディープリンクが発生しなかったことを意味するため、フォールバックします。

アプリがデバイスにインストールされている限り、これは正常に機能します。

ただし、アプリがインストールされていない場合、これはディープリンクを試みるときの動作です。

Mobile Safari : 「Safari ではこのページを開けません...」という警告メッセージがしばらく表示された後、適切にフォールバックしますfallback.html- これは予期された動作です。

モバイル Chromeが問題です。

アプリがインストールされていない場合、ブラウザは実際にmyapp://URL にリダイレクトされますが、これはもちろん無効です。そのため、「見つかりません」というページが表示され、フォールバックは発生しません。

最後に- 私の質問は次のとおりです。

モバイルChromeでもフォールバックが発生するようにコードを修正するにはどうすればよいですか? モバイルSafariのように？

注：アプリがインストールされているかどうかに関係なく、SafariとChromeを使用して、LinkedInモバイルWebサイトがこれを適切に実行していることがわかりますが、それを担当するコードを追跡できませんでした:(

iframe注 2: の代わりに を追加しようとしましたがwindow.location = url、これは Safari でのみ機能し、アプリがインストールされていても iFrame を追加するときにモバイル Chrome はディープリンクしません。

皆さんありがとう！

アップデート：

私はまともな解決策を見つけ、自分の質問に答えました。私の解決策については、受け入れられた回答を参照してください。

シナリオがあります。モバイル ブラウザーの HTML5 プレーヤーで 2 つのビデオを再生する必要があります。ビデオはデスクトップ ブラウザで正常に再生されます。私が知っていることの1つは、モバイルブラウザで動画を自動再生しないことです.ユーザーは動画プレーヤーをタップして動画を再生する必要があります.

私がやっていることは、最初のビデオのビデオ終了イベントで、のsrcを変更しています. しかし、揺れたり、2番目のビデオが再生されないことがあります。2 番目のビデオを再生するには、再生ボタンをタップする必要があります。2回目のタップを除外するだけです。YouTubeはこれを何らかの形で行っています。広告ビデオが正常に再生され、プレーヤーが最小化され、2 番目のビデオの再生が開始されます。

開始時にビデオを再生するのに時間がかかります。

以下は私のサンプル実装です。iPhone または Android でこの URL を試して ください http://abuzer.github.io/videojs-liverail-vpaid/sample.html