← Wszystkie wpisy

Okna na froncie

Wyszukiwanie w edytorach kodu — znajdź cokolwiek w długich regułach

17 maja 2026 · autor JustZix Team

Reguła CSS może urosnąć do setek linii. Tak samo fragment JS. Przewijanie w poszukiwaniu tego jednego selektora, który chcesz poprawić, szybko się nudzi. JustZix umieszcza teraz prawdziwy pasek wyszukiwania nad każdym edytorem kodu — licznik, podświetlenie, strzałki nawigacji i skróty klawiszowe. Oto jak to działa.

Gdzie pojawia się pasek wyszukiwania

Pasek wyszukiwania znajduje się bezpośrednio nad edytorem CodeMirror w trzech miejscach:

• edytor CSS w regule;
• edytor JS w regule;
• edytor kodu JS dla akcji.

To wszędzie ten sam komponent, więc gdy nauczysz się go w jednym miejscu, znasz go we wszystkich.

Podstawy: pole wprowadzania i licznik

Pasek to pole tekstowe plus przycisk z ikoną wyszukiwania. Wpisz zapytanie, a JustZix znajdzie każde wystąpienie w bieżącym edytorze. Licznik dopasowań pokazuje Twoją pozycję jako n / total — na przykład 3 / 12 oznacza, że jesteś na trzecim z dwunastu dopasowań. Jeśli nie ma czego znaleźć, licznik też Ci to powie.

Podświetlanie: aktywne vs. reszta

Każde dopasowanie jest podświetlone, byś jednym rzutem oka widział rozrzut, a oba stany są celowo różne:

Aktywne dopasowanie jest też automatycznie przewijane do widoku — nigdy nie musisz polować na to, gdzie jesteś. Przejdź do następnego dopasowania, a żółte podświetlenie skacze z Tobą, podczas gdy poprzednie wraca do niebieskiego.

Nawigacja między dopasowaniami

Gdy wyszukiwanie zwróci więcej niż jeden wynik, w pasku pojawiają się strzałki ▲ i ▼. Kliknij ▼ dla następnego dopasowania, ▲ dla poprzedniego. Licznik się aktualizuje, żółte podświetlenie się przesuwa, edytor przewija. Przy pojedynczym dopasowaniu strzałki nie są potrzebne i nie wchodzą Ci w drogę.

Klawiatura: niezbędniki

Rzadko potrzebujesz myszy. Z wnętrza pola wyszukiwania:

Jeden szczegół warty poznania: Enter normalnie przeskakuje do następnego istniejącego dopasowania — ale jeśli zmieniłeś tekst zapytania od ostatniego wyszukiwania, Enter wyszukuje od nowa. Możesz więc edytować zapytanie i po prostu nacisnąć Enter; nie musisz czyścić i przepisywać.

Skróty globalne — wyszukiwanie bez opuszczania edytora

Najbardziej przydatne skróty działają z wnętrza edytora kodu, nie tylko z pola wyszukiwania:

Para Ctrl+Alt+←/→ działa zarówno z pola wyszukiwania, jak i z samego edytora kodu. To znaczy, że możesz uruchomić wyszukiwanie, kliknąć z powrotem w kod, by edytować, i nadal przechodzić między dopasowaniami, nie odrywając rąk od klawiatury.

Typowy przepływ pracy

1. Edytujesz długą regułę CSS. Naciśnij Ctrl+Alt+F — fokus skacze do pola wyszukiwania.
2. Wpisz margin. Licznik pokazuje 1 / 8; osiem dopasowań świeci na niebiesko, pierwsze świeci na żółto i przewija się do widoku.
3. Naciśnij Enter kilka razy, by przejść przez nie, lub Shift+Enter, by się cofnąć.
4. Znalazłeś to, czego chcesz. Kliknij w kod, edytuj go.
5. Potrzebujesz następnego? Ctrl+Alt+→ — nie trzeba wracać do pola wyszukiwania.
6. Gotowe — Esc czyści pole.

Edycja unieważnia wyniki — zgodnie z założeniem

Gdy edytujesz kod, podświetlone wyniki nie odzwierciedlają już bieżącego tekstu — więc są unieważniane i wyszukujesz ponownie. To celowe: nieaktualne podświetlenia wskazujące przesunięty lub usunięty tekst byłyby gorsze niż brak podświetleń. Po prostu naciśnij Enter w polu wyszukiwania (lub Ctrl+Alt+F, a potem Enter), by uruchomić świeże wyszukiwanie względem zaktualizowanego kodu.

Dlaczego ma to znaczenie dla dużych reguł

Uniwersalna reguła, która ukrywa banery cookie, naprawia układy i łata kilkanaście stron, może być długa. Wyszukiwanie w edytorze zamienia „przewiń i mruż oczy” na „wpisz i przeskocz”. To mała funkcja, której będziesz używać bez przerwy.

Zobacz też

• Co nowego w JustZix — wyszukiwanie kodu obok AI Helpera i przebudowana Konsola Wyjścia.
• Wszystkie funkcje JustZix — pełna lista okien deweloperskich i edytorów.

Pobierz JustZix — za darmo, bez konta, Chrome 100+. Paski wyszukiwania nad każdym edytorem kodu, gotowe do użycia.