Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

PWA /cocoon-service...
 
共有:
通知
すべてクリア

PWA /cocoon-service-worker.js について

9 投稿
3 ユーザー
1 Reactions
1,892 表示
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
Topic starter  

わいひらさん、お久しぶりです。現在Cocoonを利用していないサイトで/cocoon-service-worker.jsというページが存在しています。

https://car-repo.jp/cocoon-service-worker.js

できればこちらを消す方法があれば知りたいです。

また、Cocoonのテーマは消去済みです。その他Cocoonファイルが残る場合にはどちらに入るものなのかわかれば知りたいです。


   
引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 
投稿者:: @kazuaki

その他Cocoonファイルが残る場合にはどちらに入るものなのかわかれば知りたいです。

あるとしたらWordpressのインストールフォルダかと思います。


   
返信引用
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
Topic starter  

わいひらさん、ありがとうございます。今後もcocoon使うサイトもあるので宜しくお願い致します。

ちなみに現在使用中のサイトにはキャプチャーの様な「cocoon-service-worker」「cocoon-manifest」「cocoon-htaccess」などはないのですがどこかのバージョンや設定でできてしまったのでしょうか?


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 
投稿者:: @kazuaki

ちなみに現在使用中のサイトにはキャプチャーの様な「cocoon-service-worker」「cocoon-manifest」「cocoon-htaccess」などはないのですがどこかのバージョンや設定でできてしまったのでしょうか?

「cocoon-service-worker」「cocoon-manifest」はPWA。

「cocoon-htaccess」は、高速化設定のブラウザキャッシュ設定かとおそらく思われます。


   
返信引用
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
Topic starter  

返信ありがとうございます。

あれから、cocoon-service-worker.jsのファイルを消すなどしたのですが
PWAがどこかにあるためか、常にcocoon-service-worker.jsのエラーが出続けます。

改善する方法はありますでしょうか?

[Fri Sep 10 16:44:38.114581 2021] [core:error] [pid 143174] [client 114.164.225.95:0] AH00126: Invalid URI in request 'index.php' 'GET /cocoon-service-worker.js HTTP/1.1', referer: https:// .jp/cocoon-service-worker.js

となります。

PWAの知識がないので消したりしないとダメなのでしょうか?

現状テーマはSWELLを使用しています。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

今までサイトを表示させたことがないブラウザーはありますでしょうか?
あれば、そのブラウザとかでもエラーメッセージは表示されますか?
まずこちらを確認していただいてよろしいでしょうか。


   
返信引用
(@kikichan)
Eminent Member Registered
結合: 1年前
投稿: 30
 

横から失礼します。私も同じエラーが出ます。PWA化したいのでService Workerは消したくありません。PWAを無効にするとこのエラーは消えます。

cocoon設定に(非推奨)と表示されていますが、他のPWAプラグインを使っても相性が良くないという事でしょうか?

それから、添付画像に表示されているAPIエラーですが、こちらは恐らくプッシュ通知のものかとは思うのですが、ソースに表示されているのがService Wokerエラーと同じなのが気になっています。

 

下記Service Workerエラーに表示されているリンク先です。

https://developer.chrome.com/docs/lighthouse/best-practices/errors-in-console/?utm_source=lighthouse&utm_medium=lr

 

こちらはAPIエラーのリンク先です。

https://developer.chrome.com/docs/lighthouse/best-practices/deprecations/?utm_source=lighthouse&utm_medium=lr

 

【追記】

アイコンは512×512で設定しています。

This post was modified 1年前 by kikichan

   
返信引用
(@kikichan)
Eminent Member Registered
結合: 1年前
投稿: 30
 

【追記】

デベロッパーツールで調べた結果です。マニフェストにも問題がありそうです。

INSTALLABLE

 

Web app manifest or service worker do not meet the installability requirements 1 reason

 

Service worker is the technology that enables your app to use many Progressive Web App features, such as offline, add to homescreen, and push notifications. With proper service worker and manifest implementations, browsers can proactively prompt users to add your app to their homescreen, which can lead to higher engagement. Learn more about manifest installability requirements.

 

Failure reason

Page has no manifest <link> URL

PWA OPTIMIZED

 

Is not configured for a custom splash screenFailures: No manifest was fetched.

 

A themed splash screen ensures a high-quality experience when users launch your app from their homescreens. Learn more about splash screens.

 

 

Does not set a theme color for the address bar.Failures: No manifest was fetched, No `<meta name="theme-color">` tag found.

 

The browser address bar can be themed to match your site. Learn more about theming the address bar.

 

 

Content is sized correctly for the viewport

 

 

Has a <meta name="viewport"> tag with width or initial-scale

 

 

Manifest doesn't have a maskable iconNo manifest was fetched

 

ADDITIONAL ITEMS TO MANUALLY CHECK (3)

Hide

 

Site works cross-browser

 

 

Page transitions don't feel like they block on the network

 

 

Each page has a URL

 

These checks are required by the baseline PWA Checklist but are not automatically checked by Lighthouse. They do not affect your score but it's important that you verify them manually.

  • Captured at Nov 21, 2023, 3:19 PM GMT+9
  • Emulated Moto G Power with Lighthouse 11.1.0
  • Single page load
  • Initial page load
  • Slow 4G throttling
  • Using Chromium 119.0.0.0 with devtools

Generated by Lighthouse 11.1.0 | File an issue

 

Drawer hidden


   
返信引用
(@kikichan)
Eminent Member Registered
結合: 1年前
投稿: 30
 

こちらcocoon設定のpwaを無効化して、他のpwaプラグインを入れることで自己解決しました。

スプラッシュ画像の背景やテーマカラー、スプラッシュ画像、オフライン表示の記述がマニフェストに必要なのかと思われます。

APIエラーの方は相変わらず表示されてますが、新しく作成されたService Wokerを見ると下記の記述があったのでpwaの問題は解消されました。

importScripts( 'https://ドメイン/wp-content/plugins/onesignal-free-web-push-notifications/sdk_files/OneSignalSDKWorker.js.php' );

   
わいひら reacted
返信引用
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました