問題タブ [manifest.json]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
google-chrome - Chrome 拡張機能の BackgroundScript パス
Chrome 拡張機能の manifest.jsonの cdn パス ( 「https://cdn.xyz.com/scripts/background.js」 )からバックグラウンド スクリプトを読み込もうとしていますが、エラーが発生します -バックグラウンド スクリプトを読み込めませんでした「https://cdn.xyz.com/scripts/background.js」。manifest.json ファイルの content_security_policy にhttps://cdn.xyz.comを既に追加しています。
マニフェスト.json
android - PWA - マニフェスト属性 "display": "standalone" が Android で機能しない
PWA の非常に奇妙な動作に気付きました。Windows では「スタンドアロン」モードで起動できますが、Android デバイスで同じことをしようとすると、「スタンドアロン」の値が無視され、Chrome で URL が開きます (Android 7.0、Chrome-Android v62.x)。 . また、Chrome-Android Beta v63.x でも機能しません (この投稿に関連して、chrome 62.x のバグを参照しています)。マニフェスト バリデーターとライトハウスでマニフェスト ファイルを確認しました。どちらのツールもファイルを検証し、エラーや問題は表示されません。「ホームスクリーンに追加」ダイアログが (最初の起動ごとに) 直接表示され、PWA をホームスクリーンに追加できます。Service-worker は期待どおりに動作し、アプリをオフラインで (Windows と Android で) 実行しても問題はありません。
ノートブックにプロキシを使用して Android デバイスでテストしています (これが関連する場合に備えて)。別の Android デバイスも試しましたが、同じ問題が発生します。
注: さまざまな PWA が期待どおりに機能します。たとえば、2048 は PWA として機能します。
これが私の manifest.json です:
マニフェスト ファイルは、私の index.html のヘッダーにリンクされており、モバイルが追加されています。
Web アプリは、誰かが同様の問題に直面した場合に備えて、angular2 (angular-seeds) でビルドされています..
お時間とコメントありがとうございます！
更新 1:
モバイル デバイスから PWA にアクセスするためにプロキシを使用せず、代わりにローカル ネットワークから開いているポートを介してアクセスする場合、スタンドアロン機能は問題なく動作します (ただし、サービス ワーカーの登録は失敗します..)。この「バグ」がプロキシで発生する理由はまだわかりません。
更新 2:
私の本当の質問は、なぜこれが起こっているのですか？もう 1 つは、見つけたすべてのソリューションに妥協点がある場合、実際のモバイル デバイスで PWA の動作とフィーリングを実際にテストするにはどうすればよいかということです。開発環境について・・・
Android デバイスでの私のテスト方法:
- ノートブックのポートを開き、ノートブックの IP アドレスを介してローカル ネットワーク内にアクセスします (サービス ワーカーは、https ではなく、localhost がないため機能していませんが、pwa はスタンドアロン モードで起動します -.-)
- Android デバイスのプロキシをノートブックの IP に設定します (Service Worker は機能しますが、スタンドアロン モードは失敗します)
ruby-on-rails - Rails 5.1 API webpacker と vuejs
Cloud9 で webpacker を使用して、VueJs で Rails API とクライアントを作成しようとしています。
標準インストール後:npm install -g yarn && rails _5.1.4_ new . --api --webpack=vue
Rails と webpack を起動するためにForemanを使用しています。ファイルは次のとおりです。
の開発部分を次のように変更しましたconfig/webpacker.yml。
起動foreman startすると、次のオブジェクトを含む webpack が作成public/packs/manifest.jsonされます。
public/index.html以下を含むファイルを作成しました
URL にアクセスするHello World from Webpackerと、JavaScript コンソールにHello Vue!が表示され、ブラウザに が表示されます。
私の質問は、生成されたこれを使用してmanifest.json、適切なファイル (js、css) を自動的に起動することは可能ですか?