EN

Site Language

English

Content Language

English Polski Deutsch Português

Log in
Join

1 more ...

[Edit]

PL

React - jak zmienić favicon?

2 contributors

7 contributions

0 discussions

3 points

Created by:

501

W tym artykule chcielibyśmy pokazać, jak zmienić domyślny favicon w projekcie React .

Domyślnie ikona favicon znajduje się pod ścieżką public/favicon.ico i jest dołączona do strony w pliku public/index.html jako:

<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />

Gdzie: %PUBLIC_URL% reprezentuje katalog public/.

Aby zmienić ikonę, możemy wybrać jedną z następujących metod:

Rozwiązanie 1: Zastąp plik public/favicon.ico nową, wybraną przez siebie ikoną.
Rozwiązanie 2: wybierz nowy obraz z rozszerzeniem .png, powiedzmy example.png, umieść go w folderze public/ i dołącz do pliku public/index.html zastępując w ścieżce favicon.ico na example.png.

Plik public / index.html z przykładem.png używanym jako nowa ikona ulubionych. — Plik public/index.html z example.png używanym jako nowy favicon.

Uwaga: tutaj znajdziesz przydatny artykuł opisujący, jak konwertować obrazy do odpowiedniego rozmiaru.

Alternative titles

React - jak zmienić ikonę widoczną na pasku przeglądarki?

Donate to Dirask

Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!

Direct link

Join to our subscribers to be up to date with content, news and offers.

ReactJS (PL)

React - AJAX - metoda GET

React - AJAX - metoda POST

React - alert po kliknięciu na przycisk

React - animowany pasek postępu

React - asynchroniczne ładowanie obrazów

React - dynamiczna tabela z dynamicznym nagłówkiem

React - formularz (niekontrolowany komponent)

React - formularz z użyciem useState (kontrolowany komponent)

React - jak komentować kod

React - jak pobrać referencję do elementu div

React - jak pobrać referencję do elementu input

React - jak stworzyć dynamiczną tabelę

React - jak stworzyć edytowalną tabelę

React - jak stworzyć nowy projekt

React - jak stworzyć nowy projekt przy pomocy yarn

React - jak uruchomić aplikację z wiersza poleceń

React - jak ustawić kurosr na elemencie input po renderowaniu

React - jak wyświetlać aktualny czas z odświeżaniem

React - jak wyświetlić lub ukryć element?

React - jak zmienić favicon

React - jak zwrócić wiele elementów z komponentu

React - kompilacja projektu w przeglądarce - transpiler Babel

React - komponent AutoSizer

React - konwersja grafiki SVG na komponent React

React - lewostronne animowane menu

React - lista rozwijana

React - lista rozwijana na podstawie tablicy

React - obsługa zdarzenia onClick

React - obsługa zdarzenia onDoubleClick

React - optymalny sposób inicjalizacji stanu

React - opóźnione wywołanie zwrotne - reset stanu

React - pasek postępu

React - pobierz rozmiar komponentu przed renderowaniem

React - proste logowanie / wylogowanie

React - prosty formularz logowania

React - prosty formularz rejestracji

React - przekazywanie zmiennej do metody obsługującej zdarzenie

React - przesłanie formularza

React - przycisk opcji (radio button)

React - przycisk wysyłający żądanie AJAX

React - pętla wewnątrz JSX

React - resetowanie formularza

React - skalowanie zawartości do rozmiaru kontenera

React - sprawdź wersję Reacta za pomocą wiersza poleceń

React - stylowanie elementów

React - tablica jako stan komponentu

React - trójstanowe pole wyboru (checkbox)

React - tworzenie prostego animowanego ekspandera

React - upload pliku

React - upload wielu plików

React - useState

React - własny animowany wykres słupkowy

React - właściwość transition (CSS)

React - zdarzenie onClick w elemencie div

React - zdarzenie onClick w elemencie div (komponent klasowy)

React - zmiana logo

Native Advertising

🚀

Get your tech brand or product in front of software developers.

For more information Contact us

Dirask - we help you to

solve coding problems.

Ask question.

❤️💻 🙂

Join