Disable service worker ใน React

10 Feb 2018,
Share: 

Service Worker คือ JavaScript ทำงานบนเว็บเบราเซอร์ ซึ่งจะทำงานอยู่เบื้องหลังแยกออกจากตัวเว็บโดยตัว Service Worker นิยมใช้ทำ Offline mode ที่เราพบเห็นจากเว็บส่วนใหญ่ของ Google รวมถึงการเพื่อทำ Web Push Notification และจะมีความสามารถอื่นๆ เพิ่มเข้ามาในอนาคต และ Service Worker สามารถดัก Network Request ของเว็บ เช่น HTTP Request, โหลดรูป หรือ API Call โดยทุก Request ที่ออกจากเว็บเราจะผ่าน Service worker ทั้งหมดทำให้เราสามารถจัดการ Network Request ได้ดีขึ้น เช่น การคืนค่าจาก Cache แทนที่จะส่ง Request นั้นออกไปจริงๆ หรือในกรณีที่ไม่สามารถเชื่อมต่ออินเตอร์เน็ตได้

โดยปกติเมื่อสร้าง Project react ด้วย Create React App จะเพิ่ม service worker มาด้วย ถ้าเราไม่ต้องการใช้ก็สามารถปิดมันได้ ซึ่งจะมีวิธีปิดดังนี้ ไปที่ไฟล์ src/index.js ดูในกรอบสีแดง ตอนนี้เปิดใช้งาน service worker อยู่

Image

ถ้าเราต้องการจะปิดมันให้เปลี่ยนการ Import เป็นแบบนี้ครับ

import { unregister } from './registerServiceWorker';

...

unregister()

ตัวอย่าง

Image

เท่านี่ Service worker ก็ไม่ทํางานแล้วครับ

Suggestion blogs

พัฒนาการของเด็กในแต่ละช่วงวัย

พัฒนาการของเด็กจะมีกระบวนการเติบโตทั้งด้านร่างกาย อารมณ์ สังคม และสติปัญญาในแต่ละช่วงวัย ซึ่งเป็นพื้นฐานสำคัญต่อคุณภาพชีวิตและการเรียนรู้ในอนาคต บทความนี้จะพาคุณสำรวจพัฒนาการของเด็กตั้งแต่แรกเกิดจนถึงวัยประถม🍼 วัยทารก (0–12 เดือน)พัฒนาการทางร่างกายเดือนที่ 1–3: คอเริ่มแข็ง ยกศีรษะได้เมื่อคว่ำเดือนที่ 4–6: พลิกตัว หยิบของเล่นได้เดือนที่ 7–9: นั่งเองได้ คลานเดือนที่ 10–12: ยืนเกาะ เดินสองขาโดยมีคนช่วยพัฒนาการทางสติปัญญารับรู้ใบหน้าแม่ พ่อเริ่มตอบสนองเมื่อเรียกชื่อเล่นจ๊ะเอ๋พัฒนาการทางอารมณ์แยกแยะคนคุ้นเคยกับคนแปลกหน้าแสดงออกทางสีหน้า เช่น ยิ้ม หัวเราะ ร้องไห้พัฒนาการทารก🚼 วัยเตาะแตะ (1–3 ปี)พัฒนาการทางร่างกายเดินเองได้ วิ่งได้ ขึ้นลงบันไดเริ่มใช้ช้อนกินเองเล่นของเล่นที่ต้องใช้กล้ามเนื้อมัดเล็ก เช่น บล็อกตัวต่อพัฒนาการทางภาษาอายุ 1 ขวบ: พูดคำง่ายๆ เช่น “แม่” “ไป”อายุ 2 ขวบ: พูดเป็นประโยคสั้นๆอายุ 3 ขวบ: ใช้ประโยคยาวขึ้น และถามคำถามง่ายๆพัฒนาการทางสังคมและอารมณ์เล่นกับเด็กคนอื่นเรียนรู้การรอคิว แบ่งปันเริ่มมีอารมณ์ฉุนเฉียวเมื่อไม่ได้ดั่งใจ (Terrible Two)วัยเตาะแตะ🎒 วัยก่อนเรียนและวัยประถม (4–12 ปี)พัฒนาการทางสติปัญญาเข้าใจเหตุผลง่ายๆเรียนรู้การอ่าน เขียน และคำนวณพัฒนาความคิดเชิงตรรกะและจินตนาการพัฒนาการทางอารมณ์เข้าใจอารมณ์ตนเองและผู้อื่นเริ่มมีความมั่นใจในตนเองอ่อนไหวต่อการเปรียบเทียบตนเองกับผู้อื่นพัฒนาการทางสังคมสร้างมิตรภาพกับเพื่อนเรียนรู้บทบาทในกลุ่ม เช่น ผู้นำ ผู้ตามรับผิดชอบงานเล็กๆ เช่น การบ้าน งานบ้านวัยประถม📌 สิ่งที่ผู้ปกครองควรใส่ใจการส่งเสริมที่เหมาะสมกับวัยไม่เร่งให้เด็กเก่งเกินไป แต่เปิดโอกาสให้เรียนรู้ด้วยตนเองสังเกตพฤติกรรมผิดปกติเด็กที่ไม่สบตา พูดช้า หรือไม่ตอบสนองต่อเสียง อาจต้องการการประเมินจากผู้เชี่ยวชาญให้เวลากับลูกอย่างมีคุณภาพเล่นด้วยกัน อ่านนิทาน พูดคุยเรื่องราวประจำวัน🧠 สรุปพัฒนาการของเด็กไม่ใช่เพียงแค่การเติบโตทางร่างกาย แต่รวมถึงการเรียนรู้ การปรับตัว และการพัฒนาความสัมพันธ์กับโลกใบนี้ ผู้ปกครองจึงมีบทบาทสำคัญในการเป็น “ผู้ร่วมทาง” ที่ส่งเสริม สนับสนุน และดูแลด้วยความเข้าใจ

เริ่มต้น PlatformIO

สวัสดีครับ บทความนี้ผมจะมาเรียนรู้กันนะครับว่า PlatformIO คืออะไร, การ Install เพื่อใช้งานกับ Visual Studio Code (VSCode) รวมไปถึงการสร้าง Project และใช้งานเบื้องต้น

Backup ข้อมูลพร้อมกับ permission, user id และ group id ด้วย tar ใน ubuntu

สวัสดีครับ เนื้อหาในบทความนี้เป็นเรื่องการ Backup แล้ว zip file โดยที่ permission, user id และ group id จะต้องเหมือนต้นฉบับเมื่อ unzip แล้ว


Copyright © 2019 - 2025 thiti.dev |  v1.58.0 |  Privacy policy | 

Build with ❤️ and Astro.

Github profile   Linkedin profile   Instagram   X profile   Nostr   Youtube channel   Telegram   Email contact   วงแหวนเว็บ