วิธีสร้างส่วนขยายของ Chrome

เผยแพร่แล้ว: 2022-02-24

แม้ว่าทุกวันนี้ดูเหมือนว่าจะมีส่วนขยายสำหรับทุกสิ่ง แต่ก็ใช่ว่าจะเป็นไปไม่ได้ที่คนเราจะพยายามค้นหาส่วนขยายของเบราว์เซอร์เพื่อจุดประสงค์หรือความต้องการเฉพาะ การสร้างมันซับซ้อนแค่ไหน? ด้านล่างนี้ คุณจะพบคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีสร้างส่วนขยายของ Chrome:

ขั้นตอนที่ 1: ข้อกำหนด

หมายเหตุสองข้อก่อนเริ่ม:

  • แม้ว่าสิ่งนี้อาจดูเหมือนชัดเจนสำหรับคนส่วนใหญ่ แต่การสร้างส่วนขยายของคุณภายใน Google Chrome นั้นเป็นสิ่งสำคัญ
  • ทดสอบงานของคุณในขณะที่คุณดำเนินการตามขั้นตอนนี้ การแก้ไขข้อผิดพลาดในการเขียนโค้ดในขณะที่คุณทำไปนั้นง่ายกว่าการหันหลังกลับเมื่อคุณทำเสร็จแล้ว

ก่อนที่คุณจะเริ่มต้น คุณจะต้องตัดสินใจเกี่ยวกับฟังก์ชันของส่วนขยาย จะมีวัตถุประสงค์อะไร? มุ่งเน้นที่ความสนใจและปัญหาของผู้ชมของคุณ เพื่อให้คุณสามารถกำหนดได้อย่างชัดเจนว่าคุณสามารถนำเสนอโซลูชันประเภทใดได้บ้าง

เมื่อคุณครอบคลุมสิ่งนี้แล้ว ให้ตรวจสอบการออกแบบ ทุกส่วนขยายที่อัปโหลดไปยังร้านค้า Google Chrome ต้องมีไอคอน คุณสามารถสร้างได้เองหรือจ้างการออกแบบภายนอก เมื่อคุณมีไอคอนแล้ว คุณสามารถเริ่มต้นสร้างส่วนขยายได้

ขั้นตอนที่ 2: การสร้างบล็อค

เช่นเดียวกับซอฟต์แวร์ทุกชิ้น ส่วนขยายจะประกอบด้วยไฟล์หลายไฟล์ ดังนั้น สิ่งแรกที่คุณต้องทำคือ สร้างไดเร็กทอรีที่จะโฮสต์ไฟล์นามสกุลทั้งหมดของคุณ

ไดเร็กทอรี คือตำแหน่งสำหรับจัดเก็บไฟล์ในคอมพิวเตอร์ของคุณ ระบบปฏิบัติการใดๆ ที่มีโครงสร้างไฟล์แบบลำดับชั้น เช่น MS-DOS, OS/2 หรือ Linux มีไดเร็กทอรีไฟล์

ทำไมคุณถึงต้องการไดเร็กทอรี? ดังนั้นเมื่อ Chrome กำลังโหลดส่วนขยายของคุณ คุณสามารถดึงไฟล์จากโฟลเดอร์ที่ถูกต้องได้

ไฟล์ manifest.json

ถัดไป คุณต้องสร้าง ไฟล์รายการ ของส่วนขยาย

รายการเป็นไฟล์ที่แจ้งระบบปฏิบัติการว่าจะเริ่มโปรแกรม อย่างไร การตั้งค่าในไฟล์รายการจะถูกระบุโดยใช้ภาษา XML เสมอ Manifests มักใช้เพื่อรวมการตั้งค่าต่างๆ เช่น สิทธิ์ต่างๆ แจ้ง OS ว่าโปรแกรมจะใช้ DLL เวอร์ชันใด

ในกรณีของส่วนขยาย ไฟล์ Manifest จะให้คำแนะนำแก่ Chrome ในการโหลดส่วนขยาย

การสร้างไฟล์รายการของคุณ

ใน Chrome ให้สร้างไฟล์ชื่อ manifest.json และเพิ่มลงในไดเร็กทอรีของคุณ เพิ่มรหัสที่คุณต้องการในไฟล์รายการของคุณ จากนั้นเพิ่มรหัสต่อไปนี้:

{

“ชื่อ”: “ตัวอย่างการเริ่มต้นใช้งาน”,

“คำอธิบาย”: “สร้างส่วนขยาย!”,

“เวอร์ชั่น”: “1.0”,

“manifest_version”: 3

}

การอนุญาตของส่วนขยายขึ้นอยู่กับฟังก์ชันส่วนขยาย คุณสามารถดูรายการการอนุญาตทั้งหมดและความหมายได้ในเอกสารส่วนขยายของ Chrome

หน้าป๊อปอัป

หากไซต์ของคุณต้องการป๊อปอัป คุณควรเพิ่มลงในโค้ดของคุณ

  1. กำหนดชื่อไฟล์ด้วย browser_action ในไฟล์รายการ
  2. สร้างหน้าป๊อปอัปด้วย HTML หรือ CSS คุณสามารถเพิ่มรูปภาพด้วย SVG
  3. ใช้ JavaScript เพื่อเพิ่มฟังก์ชันการทำงานให้กับป๊อปอัป กำหนดไฟล์ JavaScript และลิงก์ในไฟล์ป๊อปอัปของคุณ ตัวอย่างเช่น:
  4. คุณสามารถสร้างฟังก์ชันการทำงานและเข้าถึงป๊อปอัป DOM ได้ นี่คือตัวอย่างวิธีการทำ

document.addEventListener (“DOMContentLoaded”, () => {

ปุ่ม var = document.getElementById(“submit”)

button.addEventListener(“คลิก”, (จ) => {

console.log (จ)

})

})

สคริปต์เนื้อหา

ส่วน content_script กำหนดว่าส่วนขยายควรทำงานที่ใด หากคุณต้องการให้ส่วนขยายทำงานในทุกไซต์ คุณควรเขียน:

“content_scripts”: [

{

“การแข่งขัน”: [“<all_urls>”],

“css”: [“background.css”],

“js”: [“background.js”]

}

],

หากคุณต้องการให้ส่วนขยายทำงานบนเว็บไซต์เดียว เช่น Facebook คุณควรเพิ่ม [“https://facebook.com/*”]

หน้ากิจกรรม

เหตุการณ์คือออบเจกต์ที่ช่วยให้คุณได้รับแจ้งเมื่อมีเหตุการณ์ที่น่าสนใจเกิดขึ้น ตัวอย่างเช่น คุณสามารถใช้เหตุการณ์ chrome.alarms.onAlarm เพื่อรับการแจ้งเตือนเมื่อถึงกำหนดส่งนาฬิกาปลุก

chrome.alarms.onAlarm.addListener (ฟังก์ชัน (นาฬิกาปลุก) {

appendToLog('alarms.onAlarm –'

+ ' ชื่อ: ' + alarm.name

+ ' scheduleTime: ' + alarm.scheduledTime);

});

คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับหน้ากิจกรรมในเอกสาร Chrome

Content.js

สคริปต์เนื้อหาคือไฟล์ JavaScript ที่เป็นส่วนหนึ่งของส่วนขยายเบราว์เซอร์ สคริปต์เนื้อหามีสิทธิ์มากกว่าจาวาสคริปต์ปกติ

ขั้นตอนที่ 3: เปิดไฟล์ HTML ของป๊อปอัปจากป๊อปอัปส่วนขยายของ Chrome

หากคุณวางปุ่มในส่วนขยาย Chrome ดั้งเดิมของคุณ เมื่อคุณคลิกที่ปุ่มนี้ คุณสามารถสร้างป๊อปอัป HTML อื่นในเนื้อหาที่แตกต่างกัน นี่คือตัวอย่างบน StackOverflow:

manifest.json:

{

“ชื่อ”: “สูตรโกง”,

“คำอธิบาย”: “ส่วนขยายสูตรโกง”,

“เวอร์ชั่น”: “1.0”,

“manifest_version”: 3,

"พื้นหลัง": {

“service_worker”: “background.js”

},

“การอนุญาต”: [“ที่เก็บข้อมูล”, “activeTab”, “สคริปต์”,”แท็บ”],

"หนังบู๊": {

“default_popup”: “popup.html”,

“default_icon”: {

“16”: “/images/get_started16.png”,

“32”: “/images/get_started32.png”,

“48”: “/images/get_started48.png”,

“128”: “/images/get_started128.png”

}

},

“ไอคอน”: {

“16”: “/images/get_started16.png”,

“32”: “/images/get_started32.png”,

“48”: “/images/get_started48.png”,

“128”: “/images/get_started128.png”

}

}

ป๊อปอัป.html:

<!DOCTYPE html>

<html>

<head>

<link rel=”stylesheet” href=”style.css”>

</head>

<body>

<button id=”git_Sheet”>แผ่น git</button>

<script src="popup.js"></script>

</body>

</html>

และไฟล์ popup.js:

ให้ gitSheet = document.getElementById(“git_Sheet”); gitSheet.addEventListener (“คลิก”, async () => { ให้

= รอ chrome.tabs.query ({ ใช้งาน: จริง, currentWindow: จริง }); chrome.scripting.executeScript ({ เป้าหมาย: { tabId: tab.id } ฟังก์ชัน: ShowGitSheet, }); }); ฟังก์ชัน ShowGitSheet () { chrome.browserAction.openPopup ({ ป๊อปอัป: “git_popup.html” }); }

เคล็ดลับ: ใช้ chrome.windows.create({url: '…', type: 'popup'}) แทน chrome.browserAction.openPopup หากคุณต้องการให้เบราว์เซอร์อื่นที่ไม่ใช่ firefox เรียกใช้ส่วนขยายของคุณ

ขั้นตอนที่ 4: ตรวจสอบข้อผิดพลาดหลังจากติดตั้งส่วนขยายของคุณใน Chrome

เมื่อคุณสร้างขั้นตอนการสร้างเสร็จแล้ว ก็ถึงเวลาทดสอบส่วนขยายเพื่อให้แน่ใจว่า Chrome จะทำงานได้ หากต้องการโหลดส่วนขยายและเริ่มแก้ไขข้อบกพร่อง ให้ทำตามขั้นตอนเหล่านี้:

  • เปิด chrome://extensions ในเบราว์เซอร์ Google Chrome ของคุณ
  • ตั้งค่าโหมดนักพัฒนาซอฟต์แวร์โดยทำเครื่องหมายในช่องนักพัฒนาที่มุมบนขวา
  • คลิก "โหลดส่วนขยายที่คลายการแพค" แล้วคุณจะเห็นไฟล์ของคุณพร้อมตัวเลือกให้เลือก
  • หากส่วนขยายของคุณถูกต้อง ส่วนขยายควรโหลดทันทีเมื่อคุณเลือก
  • หากไม่ถูกต้อง คุณจะเห็นข้อความแสดงข้อผิดพลาด

เมื่อเขียนโค้ด ข้อผิดพลาดที่พบบ่อยที่สุดคือข้อผิดพลาดทางไวยากรณ์ ดังนั้น สิ่งแรกคือต้องตรวจสอบอีกครั้งว่าเครื่องหมายจุลภาคและวงเล็บของคุณอยู่ในตำแหน่งที่ถูกต้องและอยู่ในรูปแบบที่ถูกต้อง

จากนั้นตรวจสอบให้แน่ใจว่าคุณได้ทำเครื่องหมายในช่อง "เปิดใช้งาน" เพื่อให้คุณเห็นว่ามันทำงานอยู่

ขั้นตอนที่ 5: เพิ่มตรรกะในการดำเนินการ

หลักการที่ดีคือการวางการเรียก API ในสคริปต์พื้นหลังและการจัดการ DOM ในสคริปต์เนื้อหา มาดูตัวอย่างการเพิ่มสคริปต์พื้นหลัง:

  1. สร้างไฟล์ชื่อ background.js ภายใน ไดเร็กทอรีส่วนขยาย
  2. ลงทะเบียนสคริปต์พื้นหลังในรายการ

{

“ชื่อ”: “ตัวอย่างการเริ่มต้นใช้งาน”,

“คำอธิบาย”: “สร้างส่วนขยาย!”,

“เวอร์ชั่น”: “1.0”,

“manifest_version”: 3,

"พื้นหลัง": {

“service_worker”: “background.js”

}

}

Chrome สามารถสแกนไฟล์เพื่อดูคำแนะนำเพิ่มเติมเมื่อคุณโหลดส่วนขยายซ้ำ เช่น กิจกรรม

  1. เพิ่มสคริปต์ จะแตกต่างกันไปตามวัตถุประสงค์ของการขยายเวลาของคุณ

เพื่อช่วยให้ส่วนขยายของคุณได้รับข้อมูลเมื่อติดตั้ง คุณควรรวมเหตุการณ์การฟังสำหรับ runtime.onInstalled ในสคริปต์พื้นหลัง จากนั้น Listener onInstalled จะระบุค่าโดยใช้ API การจัดเก็บ ดังนั้นส่วนประกอบส่วนขยายจึงสามารถเข้าถึงค่าและอัปเดตได้

// background.js

ให้สี = '#3aa757';

chrome.runtime.onInstalled.addListener (() => {

chrome.storage.sync.set ({ สี });

console.log ('ตั้งค่าสีพื้นหลังเริ่มต้นเป็น %cgreen', `color: ${color}`);

});

เรียนรู้เพิ่มเติมเกี่ยวกับขั้นตอนต่อไปในเว็บไซต์นักพัฒนา Google Chrome ซึ่งรวมถึงวิธี สร้างส่วนต่อประสานผู้ใช้ และ ไอคอน ของคุณ และสร้างตรรกะของเลเยอร์บางอย่างเพื่อปรับปรุงการโต้ตอบกับผู้ใช้

ตามปกติ ในการเริ่มออกแบบอินเทอร์เฟซของคุณ คุณต้องลงทะเบียนการกระทำของเบราว์เซอร์ในไฟล์รายการของคุณ ตัวอย่างเช่น หากคุณใช้ป๊อปอัป โค้ดอาจมีลักษณะดังนี้:

<!DOCTYPE html>

<html>

<head>

<link rel=”stylesheet” href=”button.css”>

</head>

<body>

<button id="changeColor"></button>

</body>

</html>

ความต้องการของไอคอนคืออะไร? สำหรับรูปภาพ ขนาด 16×16 และ 32×32 พิกเซล ไอคอนทั้งหมดควรเป็นสี่เหลี่ยมจัตุรัส

อย่าลืมเพิ่ม ลอจิกสคริปต์ เพื่อให้ส่วนขยายรู้ว่าต้องทำอย่างไร ตัวอย่างเช่น คุณสามารถเพิ่มที่ส่วนท้ายของสคริปต์ popup.js

// เมื่อคลิกปุ่ม ให้ฉีด setPageBackgroundColor ลงในหน้าปัจจุบัน

changeColor.addEventListener("คลิก", ​​async () => {

ปล่อย

= รอ chrome.tabs.query ({ ใช้งาน: จริง, currentWindow: จริง });

chrome.scripting.executeScript ({

เป้าหมาย: { tabId: tab.id },

ฟังก์ชัน: setPageBackgroundColor,

});

});

// เนื้อความของฟังก์ชันนี้จะถูกเรียกใช้งานเป็นสคริปต์เนื้อหาภายใน

// หน้าปัจจุบัน

ฟังก์ชัน setPageBackgroundColor() {

chrome.storage.sync.get("สี", ({ สี }) => {

document.body.style.backgroundColor = สี;

});

}

ฟังก์ชัน setPageBackgroundColor() {

chrome.storage.sync.get("สี", ({ สี }) => {

document.body.style.backgroundColor = สี;

});

ขั้นตอนที่ 6: ลองใช้ส่วนขยายของคุณ

ขั้นตอนต่อไปคือการทดสอบส่วนขยายอย่างต่อเนื่องในเชิงตรรกะ เพื่อให้คุณมั่นใจได้ว่าทุกอย่างทำงานตามที่ควรจะเป็น หากคุณจ้างภายนอกในการทดสอบ ใช้โอกาสนี้เพื่อตรวจสอบว่าอินเทอร์เฟซใช้งานง่ายเพียงใด ตามผลการทดสอบ ให้ปรับสคริปต์ของคุณ แล้วทดสอบอีกครั้ง

ขั้นตอนที่ 7: ส่งส่วนขยายของคุณไปที่ Chrome เว็บสโตร์

เมื่อคุณพอใจกับส่วนขยายแล้ว ให้ไปที่ Chrome เว็บสโตร์แล้วส่ง

ในร้านค้านักพัฒนา Chrome ให้คลิก รายการใหม่ จากนั้นวางไฟล์โครงการลงในตัวอัปโหลด

Chrome จะถามคำถามบางอย่างเพื่อขอข้อมูลเกี่ยวกับการอนุญาตและเหตุใดจึงจำเป็น

ตัวอย่างส่วนขยายของ Google Chrome

ดูเหมือนว่าจะมีส่วนขยายสำหรับทุกสิ่ง นี่คือบางส่วนที่มีประโยชน์มากที่สุด:

  • บันทึกไปที่ไดรฟ์
    ส่วนขยายนี้ติดตั้งไอคอนเล็กๆ ที่ด้านบนของเบราว์เซอร์ จะส่งสิ่งที่คุณกำลังเรียกดูไปยังบัญชีไดรฟ์ของคุณเพื่อให้คุณสามารถดูได้ในภายหลัง ทำงานโดยการจับภาพหน้าจอ บันทึกภาพ เสียง หรือวิดีโอ
  • Sortd
    ปลั๊กอินนี้ช่วยให้ผู้ใช้มีวิธีจัดระเบียบกล่องจดหมายและจัดลำดับความสำคัญของสิ่งที่สำคัญที่สุดสำหรับพวกเขา รวมเข้ากับ Gmail และช่วยให้คุณสามารถลากและวางข้อความลงในคอลัมน์ที่กำหนดเองได้
  • HTTPS ทุกที่
    ส่วนขยายนี้ช่วยเพิ่มความปลอดภัยในการท่องเว็บของคุณโดยการเปลี่ยนเว็บไซต์จาก http เป็น HTTPS ที่ปลอดภัย ดังนั้นจึงมีการเข้ารหัสและปลอดภัย
  • ฉันไม่สนเรื่องคุกกี้
    ทุกครั้งที่เว็บไซต์ขอให้คุณยอมรับคุกกี้ ส่วนขยายนี้ช่วยชีวิตได้ อาจดูเหมือนไม่มาก แต่จะกดปุ่มตกลงบนป๊อปอัปคุกกี้ จะช่วยประหยัดเวลาและเพิ่มประสิทธิภาพการทำงานของคุณ
  • ทดสอบความเร็ว

    ส่วนขยายที่มีประโยชน์นี้ช่วยให้คุณตรวจสอบความเร็วการเชื่อมต่อได้ทุกที่ทุกเวลา ด้วยเวอร์ชันเดสก์ท็อปและมือถือ คุณสามารถมั่นใจได้ว่าการเชื่อมต่อของคุณจะอยู่ในระดับสูงสุดก่อนดาวน์โหลดไฟล์แนบขนาดใหญ่หรือสตรีมวิดีโอ
    เพียงคลิกเดียว Speedtest จะทำการทดสอบการเชื่อมต่ออย่างรวดเร็วบนเครือข่ายที่คุณใช้อยู่

ส่วนขยาย Chrome ของคุณทำอะไรได้บ้าง

ส่วนขยายที่สร้างขึ้นเองเป็นโปรแกรมซอฟต์แวร์ที่ทำงานเพียงงานเดียว ดังที่กล่าวไปแล้ว คุณสามารถใส่ฟังก์ชันได้มากกว่าหนึ่งฟังก์ชัน แต่อย่าลืมว่าทุกอย่างจำเป็นต้องดำเนินการเพื่อให้บรรลุวัตถุประสงค์เดียวกัน

ส่วนขยายของ Chrome ทำงานโดยใช้การทำงานของหน้าหรือการทำงานของเบราว์เซอร์:

การทำงานของ เพจ : เป็นการดำเนินการเฉพาะสำหรับบางเพจ

การทำงานของเบราว์เซอร์ : เกี่ยวข้องไม่ว่าคุณจะอยู่ที่หน้าใด

ตรวจสอบให้แน่ใจว่าส่วนต่อประสานกับผู้ใช้นั้นใช้งานง่ายและเข้าใจง่าย การส่งมอบขั้นสุดท้ายจะเป็นแพ็คเกจที่ผู้ใช้สามารถดาวน์โหลดและติดตั้งได้

5 วิธีที่ได้รับการทดลองและทดสอบเพื่อสร้างรายได้จากส่วนขยายของคุณ

เป้าหมายหลักของส่วนขยายของคุณคือการสร้างรายได้ เมื่อคุณกำหนดผู้ชมเป้าหมายได้แล้ว และพวกเขาจะใช้งานส่วนขยายอย่างไร คุณก็วางกลยุทธ์ว่าจะทำเงินได้อย่างไร เราเขียนคำแนะนำอย่างละเอียดเกี่ยวกับการสร้างรายได้จากส่วนขยาย นี่คือไฮไลท์บางส่วน:

1. โฆษณาในแอป

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

ผู้ใช้ CodeFuel เพิ่มผลตอบแทนสูงสุดและลดความซับซ้อนในการสร้างรายได้ เนื่องจากบริการแสดงโฆษณาที่เกี่ยวข้องกับความตั้งใจของผู้ใช้

เริ่มสร้างรายได้จากส่วนขยายของคุณวันนี้ด้วย CodeFuel

2. ค้นหาโฆษณา

นี่คือกลยุทธ์ที่วางโฆษณาในหน้าผลลัพธ์ของเครื่องมือค้นหา เนื่องจากโฆษณาจะปรากฏเมื่อผู้ใช้กำลังมองหาบางอย่าง จึงไม่รบกวนประสบการณ์ของผู้ใช้ คุณสามารถปรับแต่งโฆษณาบนเครือข่ายการค้นหาตามความต้องการของผู้ใช้ ดังนั้นจึงช่วยปรับปรุงประสบการณ์ของผู้ใช้

3. การชำระเงินและการซื้อในแอป

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

4. อัพเกรดแบบชำระเงิน

ในทำนองเดียวกันในรุ่นนี้ ส่วนขยายพื้นฐานมีให้ฟรี แต่หากผู้ใช้ต้องการเวอร์ชันพรีเมียม จะต้องจ่ายเงินสำหรับเวอร์ชันที่อัปเกรด นี่เป็นรูปแบบทั่วไปที่ใช้โดยส่วนขยายยอดนิยมเช่น Grammarly

5. ฟรีเมียม

นี่อาจเป็นรูปแบบการสร้างรายได้ที่ได้รับความนิยมมากที่สุดสำหรับส่วนขยายและแอปพลิเคชัน ด้วย freemium คุณเสนอส่วนขยายได้ฟรี คุณได้รับเงินจากมันได้อย่างไร? คุณมีสองสามตัวเลือก:

  1. คุณสามารถเสนอการทดลองใช้ฟรีได้ในระยะเวลาที่จำกัด
  2. คุณสามารถเสนอรุ่นพื้นฐานฟรีพร้อมคุณสมบัติจำกัด

หากคุณเลือกโมเดลนี้ ให้พิจารณาข้อจำกัดเนื่องจาก Google ได้ยกเลิกส่วนขยายที่ต้องชำระเงินแล้ว

ส่วนขยายความปลอดภัยที่ดีที่สุด Google Chrome:

คนส่วนใหญ่ใช้ Chrome สำหรับทุกอย่างตั้งแต่การช็อปปิ้ง การค้นหา ไปจนถึงการจัดการบัญชีการเงิน ข้อมูลที่ละเอียดอ่อนทั้งหมดนี้จำเป็นต้องได้รับการปกป้อง มีส่วนขยายหลายอย่างที่สามารถทำให้ข้อมูลนั้นปลอดภัย

1. Avast Online Security

ส่วนขยายนี้จะครอบคลุมการรักษาความปลอดภัยการท่องเว็บของคุณด้วยคุณสมบัติมากมาย การป้องกันการโจมตีแบบฟิชชิ่ง จะสแกนองค์ประกอบของหน้าเว็บใดๆ และตรวจพบว่าหน้านั้นเป็นหน้าปลอมหรือน่าสงสัย คุณลักษณะที่มีคุณค่าอื่นๆ ได้แก่ การใช้ระบบการให้คะแนนของชุมชนเพื่อตรวจจับเว็บไซต์อันตราย

2. เบลอ

มีผู้จัดการรหัสผ่านจำนวนมาก ซึ่งเป็นสิ่งจำเป็นเพื่อให้แน่ใจว่าข้อมูลรับรองทั้งหมดของคุณปลอดภัย เบลอเป็นหนึ่งในระบบที่ปลอดภัยที่สุด เนื่องจากมีคุณลักษณะด้านความปลอดภัยเพิ่มเติม

Blur เข้ารหัส บันทึก และจัดการรหัสผ่านของคุณ นอกจากนี้ยังซ่อนข้อมูลบัตรเครดิตของคุณจากเว็บไซต์ช็อปปิ้งและบล็อกตัวติดตามทุกประเภทรวมถึงตัวติดตามที่ไม่ใช่คุกกี้

3. คลิกและล้าง

เป็นเครื่องมือทำความสะอาดที่ จะลบร่องรอยของกิจกรรมออนไลน์ทั้งหมดของคุณด้วยการคลิกเพียงครั้งเดียว ปุ่มส่วนขยายจะล้างประวัติออนไลน์ คุกกี้ แคช URL ที่บันทึกไว้ ฐานข้อมูลเว็บ SQL และแม้แต่ไฟล์ชั่วคราว Click and Clean มีโปรแกรมป้องกันมัลแวร์ในตัว และยังสามารถปรับแต่งเพื่อลบข้อมูลบางประเภทได้อีกด้วย

4. ปุ่มตกใจ

ส่วนขยายนี้ช่วยให้คุณปิดทุกสิ่งที่คุณเปิดได้ด้วยคลิกเดียว สิ่งนี้มีประโยชน์หากคุณกำลังทำงานบางอย่างที่ละเอียดอ่อนและมีบุคคลที่ไม่ได้รับอนุญาตเข้ามาใกล้ เมื่อคลิกปุ่มตกใจ แท็บทั้งหมดจะปิดทันทีและจัดเก็บไว้ในโฟลเดอร์บุ๊กมาร์ก

5. โกสต์เทอรี่

หากคุณต้องการ ปกป้องความเป็นส่วนตัวออนไลน์ของคุณ หรือควบคุมตัวติดตาม ส่วนขยายนี้สามารถแก้ปัญหาได้ Ghostery ให้คุณควบคุมตัวติดตามได้ ดังนั้นคุณจึงตัดสินใจได้ว่าตัวติดตามตัวใดที่จะบล็อกหรือเลิกบล็อก นอกจากนี้ยังช่วยให้คุณสามารถบล็อกการติดตามบางประเภทได้

CodeFuel สามารถช่วยให้คุณเพิ่มผลตอบแทนสูงสุดได้อย่างไร

ยกระดับการสร้างรายได้จากส่วนขยายของคุณไปอีกระดับด้วย CodeFuel แพลตฟอร์มการสร้างรายได้ที่สมบูรณ์ของเรามอบการสร้างรายได้ตามความตั้งใจสำหรับทรัพย์สินดิจิทัลของคุณ รวมถึงส่วนขยายเบราว์เซอร์

โซลูชันนี้ใช้ประโยชน์จากแมชชีนเลิร์นนิงเพื่อให้บริการผู้ใช้สำหรับการช็อปปิ้งและโฆษณาแบบข้อความที่มีความเกี่ยวข้องสูง ซึ่งปรับแต่งตามความตั้งใจ CodeFuel แตกต่างจากโซลูชันอื่นๆ ให้คุณทำงานกับเครือข่ายโฆษณาหลายเครือข่าย เช่น Bing และ GoogleAdSense เริ่มเพิ่มผลตอบแทนสูงสุดด้วย CodeFuel วันนี้

จะแก้ไขส่วนขยาย Chrome ได้อย่างไรหากหยุดทำงาน

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

ความช่วยเหลือของ Chrome แสดงรายการเคล็ดลับการแก้ปัญหาหลายประการ:

  • ปิดแท็บและแอพอื่นๆ
  • รีสตาร์ทเบราว์เซอร์
  • ตรวจหามัลแวร์
  • ทดสอบเครือข่ายเพื่อหาปัญหา
  • หากส่วนขยายของคุณทำให้เกิดข้อขัดแย้งกับ Chrome ให้ทำตามคำแนะนำเหล่านี้:
  1. ที่ด้านบนขวา ให้คลิกเพิ่มเติม การตั้งค่า.
  2. คลิก ขั้นสูง ที่ด้านล่าง
  3. คลิก รีเซ็ตและล้าง อัปเดตหรือลบแอปพลิเคชันที่เข้ากันไม่ได้
    หากคุณไม่เห็นตัวเลือกนี้ แสดงว่าไม่มีปัญหากับแอปพลิเคชัน
  4. ตัดสินใจว่าคุณต้องการอัปเดตหรือลบแต่ละแอพออกจากรายการหรือไม่
    เปิด App Store ของคอมพิวเตอร์และตรวจสอบการอัปเดต

คำถามที่พบบ่อย

  • คุณสามารถเรียกเก็บเงินผู้ใช้สำหรับส่วนขยาย Chrome ได้หรือไม่

    ในปี 2020 Google ปิดส่วนขยาย Chrome แบบชำระเงินบน Chrome เว็บสโตร์ ซึ่งหมายความว่าคุณไม่สามารถเรียกเก็บเงินสำหรับส่วนขยายของคุณใน Chrome Store ได้อีกต่อไป คุณสามารถใช้แพลตฟอร์มอื่นได้

  • ส่วนขยายของ Chrome ได้รับเงินหรือไม่

    ในปี 2020 Google ปิดส่วนขยาย Chrome แบบชำระเงินบน Chrome เว็บสโตร์ ซึ่งหมายความว่าคุณไม่สามารถเรียกเก็บเงินสำหรับส่วนขยายของคุณในเว็บสโตร์ได้อีกต่อไป คุณสามารถใช้แพลตฟอร์มอื่นได้

  • ฉันจะเผยแพร่ส่วนขยายของ Chrome ได้อย่างไร

    เมื่อคุณมีส่วนขยายพร้อมแล้ว ให้ทำตามคำแนะนำเหล่านี้เพื่อเผยแพร่ใน Chrome Store:

    1. สร้างไฟล์ zip ของคุณ
    2. สร้างและตั้งค่าบัญชีนักพัฒนา
    3. อัพโหลดนามสกุล
    4. เพิ่มทรัพย์สินสำหรับรายการของคุณ
    5. ส่งรายการของคุณเพื่อเผยแพร่

  • จะปรับปรุงประสบการณ์ผู้ใช้และรับ Conversion มากขึ้นได้อย่างไร

    นี่เป็นหัวข้อกว้างไกลจากขอบเขตของคำถามนี้ แต่นี่เป็นหลักการพื้นฐานบางประการ:

    1. ทำให้การนำทางส่วนขยายของคุณเป็นเรื่องง่าย
    2. ให้การสนับสนุนลูกค้าที่ดี
    3. ทำให้ส่วนขยายของคุณใช้งานง่าย
    4. ตรวจสอบให้แน่ใจว่าไม่เพิ่มการใช้หน่วยความจำของเบราว์เซอร์
    5. ลดความซับซ้อนในการเข้าสู่ระบบสำหรับผู้ใช้ Google

  • เทคโนโลยีใดบ้างที่ใช้เขียนส่วนขยายสำหรับ Chrome

    ส่วนขยายประกอบด้วยส่วนประกอบต่างๆ ที่สร้างขึ้นด้วยเทคโนโลยีการพัฒนาเว็บที่หลากหลาย ที่นิยมมากที่สุดคือ HTML, CSS และ JavaScript

  • ส่วนขยายสามารถสร้าง UI นอกหน้าเว็บที่แสดงผลได้หรือไม่

    ตามหน้านักพัฒนา Chrome ใช่ ส่วนขยายอาจเพิ่มปุ่มลงในอินเทอร์เฟซของเบราว์เซอร์ ส่วนขยายยังสามารถสร้างการแจ้งเตือนแบบป๊อปอัปได้

  • ส่วนขยายสามารถแก้ไข chrome:// URL ได้หรือไม่

    ส่วนขยาย ตามคำจำกัดความ ขยายเบราว์เซอร์โดยใช้ API เพื่อปรับเปลี่ยนพฤติกรรมของเบราว์เซอร์ เนื่องจากสร้างขึ้นจากเทคโนโลยีเว็บ จึงทำงานในสภาพแวดล้อมการทำงานที่แยกจากกัน และโต้ตอบกับเบราว์เซอร์ Chrome

  • ฉันจะสร้าง UI สำหรับส่วนขยายของฉันได้อย่างไร