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

dpi คืออะไร

dpi คืออะไร ?dpi(dots per inch) คือ จํานวนจุด ต่อ 1นิ้ว เป็นหน่วยของ ความละเอียดในการแสดงผลของสื่อแสดงผลประเภทต่าง เช่น หน้าจอ, printer, โปรเจคเตอร์ ฯลฯ หรืออุปกรณ์อื่นใดที่สามารถแสดงภาพได้ ซึ่งเราจะสามารถมองเห็นภาพ ได้ดีที่สุดแค่ความละเอียด (dpi) ของสื่อนั้นๆ เช่น 5dpi หมายถึง ใน 1 ตารางนิ้ว จะมีจุดสี(pixel) จํานวน 5x5 = 10 จุด

เหรียญ 2 บาท ปีเยาวชนสากล พ.ศ.2528

ปีเยาวชนสากล พ.ศ.2528ข้อมูลปีเยาวชนสากล พ.ศ.2528สำนักงานคณะกรรมการส่งเสริมและประสานงานเยาวชนแห่งชาติขอความร่วมมือให้กรมธนารักษ์จัดทำเหรียญกษาปณ์ที่ระลึกเนื่องในโอกาสที่องค์การสหประชาติประกาศให้ปีพ.ศ. 2528 เป็นปีเยาวชนสากล เยาวชนเป็นกำลังสำคัญของประเทศชาติ ควรได้บการพัฒนาอย่างต่อเนื่องเพื่อให้เป็นบุคคลที่มีคุณภาพ ซึ่งในการ

ทําความรู้จักกับ Neo Pixel WS2812B

Neo Pixel WS2812B  คืออะไร?Neo Pixel WS2812B คือ หลอด LED ที่มีรูปร่างเป็นสี่เหลี่ยมแบนๆ ภายในจะประกอบไปด้วย Chip เบอร์ WS2812B และ LED ขนาดเล็กๆ 3 สี คือ RGB (Red, Green, Blue) โดยที่ Chip WS2812B จะทําหน้าที่ควบคุมการผสมสีของ LED RGB ให้เป็นสีต่างๆได้ถึง 16 ล้านสี หน้าตาจะประมาณรูปด้านล่าง


Copyright © 2019 - 2026 thiti.dev |  v1.60.0 |  Privacy policy | 

Build with ❤️ and Astro.

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