Làm cho ứng dụng Google Chrome hấp dẫn Windows Windows Sử dụng các biểu tượng chất lượng cao trong Windows 7

Bất cứ khi nào tôi sử dụng phím tắt "Tạo ứng dụng" của Google Chrome (mà tôi sử dụng nhiều và khuyên dùng), các biểu tượng hiển thị trên thanh tác vụ Windows 7 thực sự mờ, có lẽ là kết quả của favicon 16x16 bị kéo dài ra.

Tôi muốn có thể thay thế chúng bằng một biểu tượng chất lượng cao khác, nhưng ngay cả khi tôi thay thế tệp được lưu trong bộ nhớ cache, nó vẫn không cập nhật vì một số lý do.

Để tham khảo, ít nhất đây là đường dẫn đến biểu tượng cho Gmail. Tôi cũng đang sử dụng phiên bản kênh Dev mới nhất của Chrome.

% USERPROFILE% \ AppData \ Local \ Google \ Chrome \ USERDA ~ 1 \ Mặc định \ PLUGIN ~ 1 \ GOOGLE ~ 1 \ mail.google.com \ https_443 \ icon # desktop \

Điều này có thể không làm bạn hài lòng, nhưng ít nhất nó giải thích nó đến từ đâu.

Các Chrome / Gears API cho biết như sau:

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');

biểu tượng - Một đối tượng chứa một hoặc nhiều thuộc tính được đặt tên sau: 128x128, 48x48, 32x32, 16x16. Giá trị của mỗi thuộc tính phải là URL của hình ảnh có định dạng PNG với kích thước khớp với tên thuộc tính. Một URL dữ liệu chứa dữ liệu PNG được mã hóa base64 cũng có thể được sử dụng.

Vì vậy, tôi đoán ngay bây giờ nó chỉ sử dụng một cái gì đó trên trang web nơi bạn liên kết đến. Nếu họ không có phiên bản chất lượng cao, bạn sẽ nhận được phiên bản xấu xí mà bạn đề cập. Thay thế nó sẽ yêu cầu bạn thay đổi liên kết bên trong phím tắt.

Vì điều này đã bắt đầu để có được một công việc tẻ nhạt, có lẽ tốt hơn là làm theo các bước sau:

Bước 1: Lưu biểu tượng trên máy tính của bạn - Tôi đã thực hiện việc này thành công Tôi tin rằng :) - Trong thanh địa chỉ của trình duyệt của bạn, hãy nhập tên miền của trang web, theo sau là văn bản "favicon.ico" biểu tượng cho trang web Yahoo, địa chỉ để nhập là " http://www.yahoo.com/favicon.ico ". Tương tự, biểu tượng Google có thể được tìm thấy tại ": //www.google.com/favicon.ico". - Khi bạn nhập địa chỉ được chỉ định ở trên, một trang sẽ tải chỉ chứa biểu tượng cho trang web. - Nhấp chuột phải vào ảnh và chọn "lưu ảnh dưới dạng .." - Lưu tất cả các biểu tượng trong thư mục trung tâm, nói "Tài liệu của tôi \ Biểu tượng của tôi"

Bây giờ bạn có một bản sao vĩnh viễn của biểu tượng. Bước tiếp theo là liên kết nó với phím tắt.

Bước 2: Liên kết biểu tượng với phím tắt - Nhấp chuột phải vào lối tắt trang web trên màn hình của bạn - Từ menu bật lên xuất hiện, chọn "Thuộc tính" - Trong hộp thoại xuất hiện, chuyển sang tab "Tài liệu web". - Nhấp vào nút "Thay đổi biểu tượng ..." ở đó. - Điều này sẽ bật lên hộp thoại Change Icon cho phép bạn duyệt và chọn tệp biểu tượng đã lưu. - Sau đó bấm Ok một vài lần và thoát tất cả các hộp thoại.

Điều này có thể yêu cầu Chrome phải là trình duyệt tiêu chuẩn của bạn để mở Tài liệu web!

Cảm ơn đặc biệt đến Theta-ga

Nó trông giống như một điều kênh Dev hiện tại. Với phiên bản Beta và phiên bản Beta hiện tại, bạn không có biểu tượng thanh tác vụ riêng biệt trong Windows 7 - chúng chỉ xếp sau biểu tượng Chrome tiêu chuẩn. Có vẻ như họ đang đi được nửa đường với Dev.

Đây có thể là đặt cược tốt nhất của bạn cho các trang web không cung cấp các biểu tượng kích thước chính xác . Tôi chưa hoàn toàn xác nhận rằng điều này hoạt động vì tôi không ở trên kênh dev.

Chuyển đến Trình tạo dữ liệuUri , tải lên PNG 128px mà bạn muốn làm biểu tượng. Sao chép văn bản dataUri để sử dụng bên dưới.

Trong Google Chrome trên trang bạn muốn tạo lối tắt ứng dụng để nhấn <CTRL>+ <SHIFT>+ J, nhấp vào biểu tượng thứ hai từ bên trái ( Show Console) và dán vào phần sau. Hãy chắc chắn rằng bạn thay thế datauri và mô tả dưới đây. Enter sẽ thực thi nó và bạn sẽ thấy cửa sổ phím tắt ứng dụng bánh răng.

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

Tùy chọn khác là thu hút nhà phát triển web của trang web để thêm các thẻ liên kết và thẻ meta đơn giản này vào trang web của họ.

Ngoài ra nếu bạn thực sự muốn trở nên lạ mắt, tôi đoán bạn có thể tạo nhiều dataUri với mỗi kích thước biểu tượng như được chỉ định trong câu trả lời của Ivo ở trên.