Wysoki kąt widoku szkła powiększającego nad klawiaturą laptopa

Kod źródłowy Chromium – podstawa przeglądarki Chrome

5 min. czytania

Chromium to otwartoźródłowy projekt przeglądarki internetowej, stanowiący fundament Google Chrome. Kod źródłowy na licencji BSD pozwala każdemu budować własne wersje, modyfikować funkcje i rozwijać alternatywne przeglądarki, co realnie napędza innowacje w oprogramowaniu webowym.

Geneza Chromium – od premiery Chrome do otwartego projektu

Projekt Chromium narodził się w 2008 roku wraz z premierą Chrome. Kilka godzin później Google udostępnił cały kod źródłowy na liberalnej licencji BSD.

Licencja BSD umożliwia swobodne wykorzystanie kodu – kompilację własnych wydań i wprowadzanie zmian bez obowiązku ich publikacji. Dzięki temu Chromium szybko stało się bazą nie tylko dla Chrome, lecz także dla wielu innych przeglądarek.

Na starcie pełne wsparcie obejmowało Windows, a porty na Mac OS X i Linuksa były w trakcie rozwoju. Google udostępnił też wytyczne dotyczące łatek, narzędzie do śledzenia błędów oraz kod silnika JavaScript V8, kluczowego dla wydajności Chrome.

Chromium to projekt open source, a nie „gotowa” przeglądarka. Różni się od Google Chrome brakiem części własnościowych komponentów (np. automatycznych aktualizacji czy niektórych kodeków), zachowując rdzeń w postaci silnika Blink (następcy WebKit).

Różnice między Chromium a Google Chrome

Chromium stanowi podstawę projektu, a Chrome to dopracowana, dystrybuowana przez Google wersja z dodatkowymi funkcjami. Oto kluczowe różnice:

Aspekt Chromium Google Chrome
Licencja BSD (pełna swoboda modyfikacji) Własnościowa + elementy open source
Funkcje Google Brak integracji z kontem Google Automatyczne aktualizacje, dodatkowe kodeki
Dostępność Kod źródłowy dla wszystkich platform Gotowe binaria z dodatkowymi funkcjami
Zastosowanie Baza dla innych przeglądarek Najpopularniejsza przeglądarka świata

Chromium napędza szeroki ekosystem przeglądarek. Oto przykłady projektów opartych na jego kodzie:

  • Microsoft Edge,
  • Opera,
  • Brave,
  • Vivaldi.

Nie wszystkie przeglądarki korzystają z tego kodu – Firefox bazuje na Gecko, a Safari na WebKit, jednak dominacja Chromium na rynku czyni go kluczowym dla standardów webowych.

Jak pobrać i zbudować kod źródłowy Chromium?

Kod źródłowy Chromium jest publicznie dostępny w oficjalnym repozytorium. Każdy może go pobrać, skompilować i uruchomić:

  1. Pobieranie źródeł – użyj narzędzia fetch z repozytorium Chromium (szczegóły w dokumentacji projektu);
  2. Kompilacja – wymaga środowiska deweloperskiego (GN, Ninja), z obsługą Windows, Linux, macOS i Androida;
  3. Wysyłanie zmian – poprzez narzędzie do śledzenia błędów i system łatek.

Projekt jest bardzo aktywny – co roku trafiają do niego tysiące commitów od zespołu Google i społeczności.

Znaczenie dla deweloperów – praca z kodem źródłowym w praktyce

Chromium to także platforma do eksperymentów. Panel „Źródła” w Chrome DevTools (oparty na Chromium) pozwala przeglądać, edytować i debugować pliki JS/CSS; uruchomisz go przez wyszukiwanie komend („sources”) lub ścieżkę: Więcej narzędzi > Źródła.

Możesz tworzyć snippety JavaScript uruchamiane na dowolnej stronie. Oto przykładowy fragment do wstrzyknięcia biblioteki jQuery:

let script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-3.2.1.min.js';
script.crossOrigin = 'anonymous';
script.integrity = 'sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=';
document.head.appendChild(script);

Jak wyświetlić kod źródłowy stron w przeglądarkach opartych na Chromium?

Wyświetlanie źródła HTML w Chrome i przeglądarkach pochodnych jest proste dzięki wbudowanym narzędziom. Oto przewodnik:

Na PC (Windows/Linux)

Skorzystaj z jednego z poniższych sposobów:

  • Skrót – Ctrl + U (źródło strony) lub Ctrl + Shift + I / F12 (Narzędzia deweloperskie > Elementy);
  • Menu – kliknij prawym przyciskiem > Wyświetl źródło strony;
  • DevTools – ikona w prawym górnym rogu > Więcej narzędzi > Narzędzia deweloperskie > Elementy.

W DevTools użyj Ctrl + F, aby szybko wyszukać interesujące fragmenty w kodzie.

Na Macu

Skrót: Cmd + Option + U lub F12. Z menu: Widok > Deweloper > Wyświetl źródło strony.

W innych przeglądarkach (dla porównania)

Dla porównania, włączanie widoku źródła wygląda następująco:

Przeglądarka Skrót na PC Skrót na Macu
Firefox Ctrl + U Cmd + U
Safari Opt + Cmd + U Opt + Cmd + U

Polecenie „Zbadaj” (prawy przycisk > Zbadaj) pokazuje DOM po renderingu – z uwzględnieniem zmian wprowadzonych przez JavaScript i CSS.

Na urządzeniach mobilnych (Android/iOS) natywne skróty nie działają – użyj zdalnego debugowania lub narzędzi pokroju eruda.

Wpływ Chromium na ekosystem webowy i przyszłość

Silnik Blink stał się rynkowym standardem, przyspieszając JavaScript i rendering HTML5, a rozwój V8 wpłynął m.in. na ekosystem Node.js.

Dominacja Chromium budzi jednak obawy o nadmierną koncentrację wpływu na standardy webowe, co społeczność równoważy przejrzystymi procesami i otwartymi dyskusjami w projekcie. Obecny rozwój obejmuje m.in. wsparcie dla WebGPU, wzmocnienia bezpieczeństwa oraz prace nad zwiększaniem wydajności renderingu.

Grzegorz Kuzia
Grzegorz Kuzia

Redaktor naczelny Poland IT Hub. Od ponad 8 lat zajmuję się testowaniem sprzętu, recenzowaniem gier i tworzeniem praktycznych poradników technologicznych. Specjalizuję się w wirtualnej rzeczywistości, aplikacjach mobilnych oraz cyberbezpieczeństwie. Moją misją jest pokazywanie, że technologia może być prosta i dostępna dla każdego – bez żargonu i komplikacji.