ทำให้ Google Chrome เป็น "แอปพลิเคชัน" Windows ใช้ไอคอนคุณภาพสูงใน Windows 7


29

เมื่อใดก็ตามที่ฉันใช้ทางลัด "สร้างแอปพลิเคชัน" ของ Google Chrome (ซึ่งฉันใช้อย่างหนักและแนะนำ) ไอคอนที่แสดงบนทาสก์บาร์ของ Windows 7 นั้นพร่ามัวจริงๆอาจเป็นผลมาจากการ favicon ขนาด 16x16

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

อย่างน้อยนี่คือพา ธ ไปยังไอคอนสำหรับ Gmail อย่างน้อย ฉันใช้ Chrome รุ่นช่องทางล่าสุดของ Chrome ด้วย

% USERPROFILE% \ AppData \ Local \ Google \ Chrome \ USERDA ~ 1 \ เริ่มต้น \ ปลั๊กอิน ~ 1 \ GOOGLE ~ 1 \ mail.google.com \ https_443 \ ไอคอน # เดสก์ทอป \

ข้อความแสดงแทน


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

ดูเหมือนจะไม่อัปเดตไอคอนที่ใช้งานอยู่ สิ่งที่แปลกจริงๆคือไอคอนดูดีเมื่อฉันสร้างแอปพลิเคชั่นครั้งแรกจากนั้นเมื่อฉันปิดและรีสตาร์ทมันจะกลับมาเหมือนอึอีกครั้ง
How-To Geek

Gotcha ฉันสมมติว่าคุณใช้รุ่น RTM หรือไม่? ฉันสามารถจินตนาการได้ว่ามันถูกเขียนทับทุกครั้งที่โหลดหน้าเว็บและนั่นเป็นสาเหตุที่การแทนที่มันไม่ทำงาน
BinaryMisfit

คุณใช้ Chrome รุ่น Dev หรือ Beta channel หรือไม่ ฉันดูเหมือนจะจำสิ่งนี้เกิดขึ้นกับฉันเมื่อฉันเปลี่ยนมาใช้เดฟ
pelms

ฉันใช้ dev รุ่นล่าสุด
How-To Geek

คำตอบ:


8

สิ่งนี้อาจไม่ทำให้คุณพึงพอใจ แต่อย่างน้อยก็อธิบายว่ามันมาจากไหน

Chrome / Gears APIกล่าวว่าต่อไปนี้:

desktop.createShortcut('Test Application',
                       'http://example.com/index.html',
                       {'128x128': 'http://example.com/icon128x128.png',
                          '48x48': 'http://example.com/icon48x48.png',
                          '32x32': 'http://example.com/icon32x32.png',
                          '16x16': 'http://example.com/icon16x16.png'},
                       'An application at http://example.com/index.html');

icons - วัตถุที่มีคุณสมบัติชื่อเหล่านี้อย่างน้อยหนึ่งรายการ: 128x128, 48x48, 32x32, 16x16 ค่าของคุณสมบัติแต่ละรายการต้องเป็น URL ของรูปภาพที่จัดรูปแบบ PNG พร้อมขนาดที่ตรงกับชื่อคุณสมบัติ URL ข้อมูลที่มีข้อมูล PNG ที่เข้ารหัส 64 ยังสามารถใช้ได้

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

เนื่องจากนี่เป็นการเริ่มงานที่น่าเบื่ออยู่แล้วจึงควรทำตามขั้นตอนเหล่านี้:

ขั้นตอนที่ 1: บันทึกไอคอนบนคอมพิวเตอร์ของคุณ - คุณทำสิ่งนี้สำเร็จแล้วฉันเชื่อว่า :) - ในแถบที่อยู่ของเบราว์เซอร์ให้พิมพ์โดเมนของเว็บไซต์ตามด้วยข้อความ "favicon.ico" ตัวอย่างเช่นหากคุณต้องการ ไอคอนสำหรับเว็บไซต์ Yahoo ที่อยู่ในการพิมพ์คือ " http://www.yahoo.com/favicon.ico " ในทำนองเดียวกันไอคอน Google สามารถดูได้ที่ ": //www.google.com/favicon.ico" - เมื่อคุณพิมพ์ที่อยู่ที่ระบุไว้ด้านบนหน้าจะโหลดที่มีเพียงไอคอนสำหรับเว็บไซต์ - คลิกขวาที่รูปภาพและเลือก "บันทึกรูปภาพเป็น .. " - บันทึกไอคอนทั้งหมดในโฟลเดอร์กลางให้พูดว่า "My Documents \ My Icons"

ตอนนี้คุณมีสำเนาถาวรของไอคอน ขั้นตอนต่อไปคือการเชื่อมโยงกับทางลัด

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

อาจต้องให้ Chrome เป็นเบราว์เซอร์มาตรฐานของคุณเพื่อเปิดเอกสารเว็บด้วย!

ด้วยความขอบคุณเป็นพิเศษกับ Theta-ga


ฉันได้เปลี่ยนทางลัดไปที่ไอคอนนั่นเป็นสิ่งแรกที่ฉันพยายาม มันไม่เปลี่ยนไอคอนแถบงานสำหรับแอพที่กำลังรันอยู่ ฉันสงสัยว่าฉันสามารถใช้ API เพื่อสร้างทางลัดของตัวเองได้หรือไม่ ...
How-To Geek

3

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


1
ใช่ฉันมีความสุขจริงๆกับไอคอนแยกตอนนี้ เพียงแค่หวังว่าพวกเขาจะดูไม่น่าเกลียดเลย!
How-To Geek

0

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

ไปที่dataUri Generatorอัปโหลด PNG ขนาด 128px ที่คุณต้องการเป็นไอคอน คัดลอก dataUri ข้อความสำหรับใช้ด้านล่าง

ใน Google Chrome บนหน้าเว็บที่คุณต้องการสร้างทางลัดแอพสำหรับกด<CTRL>+ <SHIFT>+ Jให้คลิกไอคอนที่สองจากด้านซ้าย ( Show Console) และวางในรายการต่อไปนี้ ตรวจสอบให้แน่ใจว่าคุณแทนที่datauriและคำอธิบายด้านล่าง Enter จะดำเนินการและคุณจะเห็นหน้าต่างทางลัดของแอปพลิเคชันเกียร์

window.google.gears.factory.create('beta.desktop').createShortcut(
   document.title, window.location.href, {'128x128': '**dataUri**'}
   ,'**description**');

อีกทางเลือกหนึ่งคือการดึงดูดผู้พัฒนาเว็บของเว็บไซต์เพื่อเพิ่มเมตาและแท็กลิงก์พิเศษลงในไซต์ของพวกเขา

นอกจากนี้หากคุณต้องการได้รับแฟนซีฉันเดาว่าคุณสามารถสร้าง dataUri หลายรายการด้วยขนาดไอคอนแต่ละขนาดตามที่ระบุไว้ในคำตอบของ Ivo ข้างต้น


1
หืม ... ยังไม่ทำงานฉันคิดว่ามันต้องเป็นข้อบกพร่องใน Chrome
Aaron Wagner
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.