Làm thế nào để tôi buộc một làm mới favicon?

Tôi có một ứng dụng Grails chạy cục bộ bằng tomcat của riêng nó và tôi vừa thay đổi favicon cho một cái mới. Vấn đề là tôi không thể nhìn thấy nó trong bất kỳ trình duyệt nào. Favicon cũ xuất hiện hoặc tôi không nhận được favicon nào, nhưng không phải là favicon mới. Tôi không nghĩ rằng đây là vấn đề của Grails mỗi lần, hơn nữa là vấn đề với favicon.

Điều gì sẽ xảy ra với favicon? Làm thế nào họ có nghĩa vụ phải làm việc? Tôi có nhiều dấu trang trong trình duyệt có các biểu tượng sai và chúng dường như không bao giờ được làm mới. Làm cách nào để buộc máy chủ / trình duyệt ngừng lưu trữ chúng? Có vẻ khá ngớ ngẩn khi luôn lưu trữ chúng khi chúng chỉ có kích thước 16x16. Tại sao không chỉ tải chúng lên với mỗi lần truy cập vào trang? Nó không chính xác là một chi phí quá lớn.

Để làm mới favicon của trang web của bạn, bạn có thể buộc các trình duyệt tải xuống phiên bản mới bằng cách sử dụng thẻ liên kết và chuỗi truy vấn trên tên tệp của bạn. Điều này đặc biệt hữu ích trong môi trường sản xuất để đảm bảo người dùng của bạn nhận được bản cập nhật.

<link rel="icon" href="http://www.yoursite.com/favicon.ico?v=2" />

Ok, sau 10 phút cố gắng, cách dễ dàng để khắc phục nó gần với dòng chim

1. Nhập vào www.yoursite.com/favicon.ico (hoặc www.yoursite.com/apple-touch-icon.png, v.v.)
2. Đẩy enter
3. ctrl+f5
4. Khởi động lại trình duyệt (IE, Firefox)

Câu trả lời này chưa được đưa ra nên tôi nghĩ tôi sẽ đăng nó. Tôi đã xem tất cả các trang web và không tìm thấy câu trả lời hay cho việc thử nghiệm favicon trong phát triển địa phương.

Trong phiên bản hiện tại của chrome (trên OSX) nếu bạn làm như sau, bạn sẽ nhận được làm mới favicon ngay lập tức:

1. Di chuột qua tab
2. Nhấp chuột phải
3. Chọn tải lại
4. Favicon của bạn bây giờ nên được làm mới

Đây là cách dễ nhất mà tôi đã tìm thấy để làm mới favicon cục bộ.

Đổi tên tệp favicon và thêm tiêu đề html với tên mới, chẳng hạn như:

<link rel="SHORTCUT ICON" href="http://www.yoursite.com/favicon2.ico" />

Nếu bạn sử dụng PHP, bạn cũng có thể sử dụng MD5-Hash của favicon làm chuỗi truy vấn:

<link rel="shortcut icon" href="favicon.ico?v=<?php echo md5_file('favicon.ico') ?>" />

Bằng cách này, Favicon sẽ luôn làm mới khi nó đã được thay đổi.

Như đã chỉ ra trong các nhận xét, bạn cũng có thể sử dụng ngày sửa đổi cuối cùng thay vì MD5-Hash để đạt được điều tương tự và tiết kiệm một chút về hiệu suất của máy chủ:

<link rel="shortcut icon" href="favicon.ico?v=<?php echo filemtime('favicon.ico') ?>" />

Bằng cách hủy tệp mà trình duyệt của bạn sử dụng để lưu trữ các favicon cũ, bạn có thể buộc các tệp mới được tải.

1. Đóng trình duyệt của bạn. Đảm bảo không còn các quy trình trình duyệt đang chạy (ví dụ: kiểm tra Trình quản lý tác vụ cho chrome.exehoặc firefox.exe).
2. Điều hướng đến nơi trình duyệt của bạn lưu trữ tệp người dùng:
   • Đối với Chrome, hãy chuyển đến thư mục dữ liệu Chrome .
   • Đối với Firefox, hãy chuyển đến thư mục hồ sơ Firefox .
3. Xóa bộ nhớ cache favicon.
   • Đối với Chrome, hãy xóa FaviconsvàFavicons-journal
   • Đối với Firefox, hãy xóa favicons.sqlite

Điều này gần như chắc chắn sẽ làm việc. Nếu không:

• Khả năng 1: Một bản cập nhật cho trình duyệt của bạn đã thay đổi cách bộ đệm favicon hoạt động. Vui lòng chỉnh sửa câu trả lời này với hướng dẫn mới.
• Khả năng 2: Vấn đề favicon của bạn không liên quan gì đến bộ nhớ đệm quá mức. Thay vào đó, đây có thể là sự cố tải tài nguyên - sử dụng Công cụ dành cho nhà phát triển, đảm bảo favicon mới được tải xuống đúng cách.

Trong Chrome trên Mac OS X, người ta có thể xóa tệp bằng bộ đệm favicon

${user.home}/Library/Application Support/Google/Chrome/Default/Favicons 

Vâng, trên cao là trên đầu, nhưng có, không quá lớn.

Ngoài ra, các trình duyệt đôi khi "tham lam" về các tệp được lưu trữ. Bạn có thể xóa bộ nhớ cache và / hoặc khởi động lại trình duyệt của bạn và có thể thấy sự thay đổi. Nếu thất bại ...

Giải pháp giá rẻ của tôi là:

1. Truy cập tệp của bạn tại http://example.com/favicon.ico trong trình duyệt của bạn.
2. Xóa favicon.ico khỏi webroot của bạn.
3. Truy cập http://example.com/favicon.ico một lần nữa trong trình duyệt, xác minh nó bị thiếu.
4. Tải một cái mới lên webroot của bạn.
5. Truy cập http://example.com/favicon.ico một lần nữa trong trình duyệt, xác minh đây là trình duyệt mới.

Nếu chuỗi đó không hoạt động, thì một cái gì đó khác đang diễn ra.

Tùy thuộc vào trình duyệt, chúng được xử lý khác nhau, nhưng thông thường tôi thấy rằng đi đến trang mặc định của trang web và thực hiện làm mới một cách khó khăn. CTRL+ F5, thường sẽ nhận được nó để cập nhật.

ON MAC: ⌘+ Shift- Rhoặc giữ Ctrlvà nhấp vào nút tải lại trong trình duyệt.

Đối với Internet Explorer, có một giải pháp khác:

1. Mở thám hiểm internet.
2. Nhấp vào menu> công cụ> tùy chọn internet.
3. Nhấp vào chung> tệp internet tạm thời> nút "cài đặt".
4. Nhấp vào nút "xem tập tin".
5. Tìm tập tin favicon.ico cũ của bạn và xóa nó.
6. Khởi động lại trình duyệt (internet explorer).

Nhiều khả năng là một vấn đề trình duyệt web. Bạn sẽ phải xóa bộ nhớ cache khỏi trình duyệt, đóng trình duyệt và mở lại. Điều đó sẽ sửa nó.

Tôi không tin favicon của bạn sẽ được làm mới trên mục yêu thích của bạn cho đến khi bạn truy cập lại trang đó và cho rằng trước đó bạn đã xóa bộ nhớ cache của trình duyệt.

Trình duyệt web của bạn sẽ không truy cập internet để tự mình kiểm tra một favicon mới ... cảm ơn chúa.

Hãy thử mở trong một tab mới

Tôi đã thử nhiều thứ ở trên (đặt lại bộ đệm, làm mới, sử dụng thẻ liên kết, v.v.), tôi thậm chí đã kiểm tra .htaccesstệp của mình và đặt lại biến ExpiresByType.

Nhưng đây là những gì cuối cùng đã làm việc cho tôi trong cả Chrome (25.0.x) và Safari (6.0.1):

1. Xóa bộ nhớ cache
2. Liên kết cứng favicon với <link>thẻ
3. Điều hướng đến mysite.com/favicon.ico
4. Mở mysite.comtrong một tab mới

(Cho đến bước 3, làm mới trong cùng một tab tiếp tục tái tạo biểu tượng cũ.)

Đối với Chrome trên macOS, nếu bạn không muốn xóa toàn bộ cơ sở dữ liệu favicon của Chrome như đã đề xuất ở đây, bạn chỉ có thể xóa các biểu tượng xung đột:

1. Thoát khỏi Chrome
2. Tải cơ sở dữ liệu favicons (sử dụng sqlite tại đây):

sqlite3 ~/Library/Application\ Support/Google/Chrome/Default/Favicons

3. Tìm kiếm tệp gây ra sự cố

select * from favicons where url = 'http://mysite.dev/favicon.ico';

4. Nếu bạn hài lòng với đầu ra:

delete from favicons where url = 'http://mysite.dev/favicon.ico';

Ngoài ra , bạn có thể tìm kiếm một mẫu mà bạn có thể sử dụng lại để xóa nhiều mục:

3. Tìm kiếm nhiều tệp gây ra sự cố

select * from favicons where url like 'http://mysite.dev%';

4. Và một lần nữa nếu bạn hài lòng với những gì nó trả về:

delete from favicons where url like 'http://mysite.dev%';

5. Nhập .exitvà quay trở lại để thoát sqlite
6. Khởi động lại Chrome

Khi bạn yêu cầu favicon từ Google, bạn có thể xem các tiêu đề phản hồi.

Last-Modified: Fri, 09 Jan 2009 16:35:02 GMT
Date: Thu, 01 Dec 2010 00:00:01 GMT
Expires: Fri, 01 Dec 2011 00:00:01 GMT
Cache-Control: public, max-age=31536000
Age: 7

Nếu bạn đặt tiêu đề "Hết hạn:" cho phản hồi, trình duyệt máy khách sẽ yêu cầu lại biểu tượng sau dấu thời gian đó. Trong khi thực hiện phát triển tích cực, bạn có thể đặt dấu thời gian hết hạn thành một hoặc hai giây trong tương lai và luôn luôn lấy nó, mặc dù đó là một kế hoạch dài hạn kém.

Phiên bản Chrome: 68.0.3440.106

Chỉ cần khởi động lại Chrome (trong thanh địa chỉ của bạn): chrome://restart

Hỗ trợ favicon của Chrome là lỗi - bỏ qua câu trả lời này

Tôi đã viết câu trả lời này dưới ấn tượng rằng đây là những gì nó cần để làm mới favicon trong Google Chrome. Tuy nhiên, hóa ra điều này chỉ hoạt động trong năm phút đầu tiên hoặc lâu hơn, cho đến khi biểu tượng bị mất không thể phục hồi trong quá trình đồng bộ hóa lịch sử của Chrome .

Câu trả lời gốc

Bạn không cần phải xóa bộ nhớ cache, khởi động lại trình duyệt của bạn, hoặc viết lại HTML của bạn - bạn chỉ cần thay đổi URL của biểu tượng, một lần , do đó trình duyệt sẽ quên biểu tượng trước đây bộ nhớ cache.

Giả sử rằng bạn đã xác định biểu tượng của mình thông qua <link>các thành phần trong trang của mình <head>, bạn có thể làm điều đó bằng cách chạy một lớp lót tiêu chuẩn-JS này trong bảng điều khiển:

[].slice.call(document.querySelectorAll('head>link[rel$="icon"]')).map(function(ln){ln.href+='?v=2'});

Để triển khai nâng cao hơn về điều này có thể tự động thực hiện việc này cho người dùng cuối trong sản xuất, hãy xem Freshicon.js .

Gần đây tôi đã khôi phục dấu trang của mình và đang tìm cách khôi phục FavIcons mà không cần truy cập từng trang. Tìm kiếm của tôi đưa tôi đến chủ đề này.

Đối với những người có hoàn cảnh tương tự, chỉ cần tải xuống addon FAVICON RELOADER. Sau khi cài đặt, bạn sẽ tìm thấy lệnh "tải lại các biểu tượng yêu thích" trong menu thả xuống BOOK86S của bạn.

https://addons.mozilla.org/en-US/firefox/addon/faviconreloader/?src=api

Nếu bạn đang sử dụng PHP .. thì bạn cũng có thể sử dụng dòng này.

<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico?v=<?php echo time() ?>" />

Nó sẽ làm mới favicon của bạn trên mỗi lần tải trang.

Nếu bạn chỉ quan tâm đến việc gỡ lỗi nó để đảm bảo nó đã thay đổi, bạn có thể chỉ cần thêm một mục giả vào tệp / etc / hosts của mình và nhấn URL mới. Favicon đó sẽ không được lưu trong bộ nhớ cache và bạn có thể chắc chắn rằng cái mới của bạn đang hoạt động.

Thay đổi tên của favicon, không có cách nào bạn có thể buộc người dùng của mình có được một bản sao mới

Điều này hoạt động cho Chrome:

• trên Mac: xóa tập tin

  $ {user.home} / Thư viện / Hỗ trợ ứng dụng / Google / Chrome / Mặc định / Favicons

• trên Windows: xóa các tập tin

  C: \ Users [tên người dùng] \ AppData \ Local \ Google \ Chrome \ Dữ liệu người dùng \ Mặc định \ Favicons C: \ Users [tên người dùng] \ AppData \ Local \ Google \ Chrome \ Dữ liệu người dùng \ Mặc định \ Favicons-tạp chí

nguồn

Đây là một cách giải quyết cho lỗi chrome: thay đổi thuộc tính rel thành biểu định kiểu! Giữ liên kết ban đầu mặc dù. Hoạt động như một lá bùa:

Tôi đã đưa ra cách giải quyết này bởi vì chúng tôi cũng có một yêu cầu là có thể cập nhật các trang web / mã sản xuất của khách hàng và tôi không tìm thấy bất kỳ giải pháp nào khác để làm việc.

Tôi biết đây là một câu hỏi thực sự cũ nhưng nó cũng là một câu hỏi vẫn còn liên quan, mặc dù những ngày này chỉ áp dụng cho mozilla. (Tôi không biết nhà thám hiểm nào làm việc vì chúng tôi không viết mã cho các trình duyệt không chuẩn).

Chrome hoạt động tốt nếu một cái bao gồm thẻ biểu tượng trong tiêu đề.

Mặc dù mozilla nhận thức rõ vấn đề, nhưng như thường lệ, họ không bao giờ sửa những thứ nhỏ nhặt gây phiền nhiễu. Thậm chí 6 năm sau.

Vì vậy, có hai cách buộc làm mới biểu tượng bằng firefox.

1. Có tất cả khách hàng của bạn gỡ cài đặt firefox. Sau đó cài đặt lại.

2. Nhập thủ công tên miền vào thanh url - không sử dụng http hoặc www chỉ tên miền (mydomain.com).

Tất nhiên, điều này giả định rằng các bản ghi ns của bạn chỉ bao gồm độ phân giải cho tên miền.

Đơn giản,

1: Tôi không muốn loay hoay với các mã (ps người xây dựng trang web của tôi không sử dụng mã, nó sử dụng nút "tải lên tệp" và nó tự làm như vậy)

2: Tôi đã thử CTRL+ F5và nó không hoạt động với tôi vì vậy ....

TÔI CÓ CÁCH NÀY:

IE: Xóa tất cả lịch sử trình duyệt và cookie bằng cách đi tới cài đặt cog O

Chrome: Chuyển đến trình đơn ở góc trên bên phải bên dưới X trông giống như a =, sau đó chuyển đến cài đặt, lịch sử, DỮ LIỆU DUYỆT XÓA và kiểm tra tất cả các hộp áp dụng (Tôi đã làm lịch sử, cookie và làm trống phần bắt từ bắt đầu thời gian)

Chỉ cần thay đổi tên tệp này = 'favicon1.ico'

Đây là cách tôi quản lý nó với một favicon hoạt hình đơn giản và FireFox 3.6.13 (phiên bản beta) Nó cũng có thể hoạt động cho các phiên bản khác của FireFox, cho tôi biết nếu không. Về cơ bản, đây là giải pháp của artlung, nhưng cũng giải quyết tệp .gif:

1. Tôi đã mở bằng chương trình FTP, tải xuống các tệp favicon.ico VÀ favicon.gif của tôi,
2. sau đó xóa chúng khỏi tệp của máy chủ của tôi.
3. Sau đó, tôi đã mở chúng trong trình duyệt của mình khi artlung đề xuất: http://mysite.com/favicon.ico VÀ http://mysite.com/favicon.gif Khi các địa chỉ đó được tải và hiển thị các trang lỗi 404 ("không tìm thấy trang")
4. Tôi đã tải cả hai tập tin trở lại máy chủ của mình và PRESTO - các biểu tượng chính xác được hiển thị ngay lập tức.

Ngoài ra, hãy đảm bảo bạn đặt URL hình ảnh đầy đủ không chỉ đường dẫn tương đối của nó:

http://www.example.com/images/favicon.ico

Và không:

images/favicon.ico

Nếu sự cố vẫn tiếp tục mặc dù áp dụng một số bước ở trên, hãy thử khởi động lại Máy chủ IIS . Hi vọng điêu nay co ich...

Simon, tôi cho rằng có một lý do không có câu trả lời nào khác được chấp nhận cho đến nay. Vì vậy, tôi tin rằng điều này có thể là vấn đề của Grails - Đặc biệt nếu bạn đang sử dụng 'Plugin tài nguyên'.

Nếu các plugin của bạn cung cấp một favicon (mà - về mặt logic - nhiều người làm), thì chúng có thể ghi đè lên plugin bạn muốn sử dụng - do các plugin của bạn nằm trong chính plugin.

Nếu xóa favicon khỏi tất cả các plugin của bạn tạm thời giải quyết vấn đề thì rất có thể bạn đang gặp phải điều này:

http://jira.grails.org/browse/GPRESOURCES-134

Vui lòng làm theo các bước dưới đây để thay đổi biểu tượng ứng dụng:

1. Thêm tệp .ico của bạn trong dự án.
2. Truy cập angular.json và trong đó "dự án" -> "kiến trúc sư" -> "xây dựng" -> "tùy chọn" -> "tài sản" và ở đây tạo một mục nhập cho tệp biểu tượng của bạn. Tham khảo mục hiện có của favicon.ico để biết cách thực hiện.
3. Truy cập index.html và cập nhật đường dẫn của tệp biểu tượng. Ví dụ,

<link rel="icon" type="image/x-icon" href="abc.ico">

Hoặc, đổi tên tệp biểu tượng của bạn bằng favicon.ico và thay thế nó trong thư mục.

4. Khởi động lại máy chủ.
5. Trình duyệt làm mới cứng và bạn tốt để đi.