- Regist
- 11-03-2024
- Poruka
- 765
- Reakcije
- 148
- Točke
- 5,156
Javascript otklanjanje grešaka sa PhpStorm-om i Google Chrome-om korišćenjem vašeg sopstvenog Chrome profila
Ovo je vodič za pokretanje Javascript otklanjanja grešaka u PhpStormu sa Chromeom dok koristite svoj vlastiti Chrome korisnički profil. Ovdje je cilj da PhpStorm otvori Chrome prozor u svrhu otklanjanja grešaka koristeći vaš vlastiti korisnički profil, umjesto proizvoljnog koji nema nijednu od vaših otvorenih kartica, kolačića itd.
Išao sam okolo i okolo u krug pokušavajući da ovo uspem i konačno sam to shvatio, pa sam odlučio da podelim svoje nalaze.
Konfigurišite PhpStorm pretraživače
Počnimo od početka. Prvo morate saznati gdje je pohranjen vaš Chrome korisnički profil. Da biste to učinili, otvorite Chrome s korisničkim profilom koji želite koristiti, a zatim posjetite chrome://version koristeći taj preglednik. Dobićete stranicu koja izgleda otprilike ovako:
![1.png 1.png](https://wikiba.eu/data/attachments/0/220-92911a20949a3ed392ca8532d0ef1b5f.jpg)
Iz ovoga ćete morati zabilježiti putanju profila.
Zatim idite na PhpStorm i otvorite panel postavki. Idite na Alati > Web pretraživači i pregled i pronađite Chrome na listi. Odaberite ga i pritisnite ikonu olovke za uređivanje.
![2.png 2.png](https://wikiba.eu/data/attachments/0/221-f33e91649da3ce143caedc9480fda887.jpg)
U dijalog koji se otvori, morate dodati string --profile-dir="Profil 3", gdje Profil 3 odgovara onome što ste vidjeli u chrome://version izlazu.
Također morate provjeriti opciju 'Koristi prilagođeni direktorij korisničkih podataka' i profilirati putanju do direktorija koji sadrži direktorij vašeg korisničkog profila, a ne sam korisnički profil.
U mom slučaju, chrome://version je rekao da je moja putanja profila /Users/kier/Library/Application Support/Google/Chrome/Profile 3, tako da unosim sljedeće:
Opcije komandne linije:
--profile-dir="Profil 3"
Korisničko imenik prilagođenih korisničkih podataka:
/Users/kier/Library/Application Support/Google/Chrome
![3.png 3.png](https://wikiba.eu/data/attachments/0/222-a1f2272415108cc6d71d12fddcd35702.jpg)
Vitalni preduslov!
Prije nego što nastavimo, od vitalne je važnosti razumjeti da Chrome mora biti pokrenut u načinu za otklanjanje grešaka da bi mogao komunicirati sa PhpStormom, a kada pokrenete Chrome na normalan način, on to ne čini. Ako ste već sami pokrenuli Chrome koristeći svoj korisnički profil, PhpStorm može otvoriti novu karticu, ali ne može postaviti pretraživač na način za otklanjanje grešaka.
Stoga morate dopustiti PhpStormu da pokrene Chrome umjesto vas ako želite da otklonite greške s njim, ili jednostavno neće raditi.
![4.png 4.png](https://wikiba.eu/data/attachments/0/223-8935b1e711d5bf8685557e359b3dffbc.jpg)
Zato zatvorite Chrome sada.
Kreirajte konfiguraciju za otklanjanje grešaka
Sada ćemo konfigurisati instancu za otklanjanje grešaka.
U PhpStormu, izaberite Pokreni > Uredi konfiguracije... iz menija.
U dijalogu Run/Debug Configurations, kliknite na [+] i odaberite novu konfiguraciju JavaScript Debug.
![5.png 5.png](https://wikiba.eu/data/attachments/0/224-fa48841dab90291e02d044c0cde6c5a2.jpg)
Moja konfiguracija za otklanjanje grešaka će ukazivati na korijen moje XenForo 2.3 instalacije, koja se nalazi na /Users/kier/Sites/xf/23 i može se pogledati na https://mcflurry.local/xf/23. Uvjerite se da je vaš prethodno konfigurirani preglednik Chrome postavljen kao preglednik u konfiguraciji, a zatim pritisnite OK da sačuvate konfiguraciju.
Ovo je vodič za pokretanje Javascript otklanjanja grešaka u PhpStormu sa Chromeom dok koristite svoj vlastiti Chrome korisnički profil. Ovdje je cilj da PhpStorm otvori Chrome prozor u svrhu otklanjanja grešaka koristeći vaš vlastiti korisnički profil, umjesto proizvoljnog koji nema nijednu od vaših otvorenih kartica, kolačića itd.
Išao sam okolo i okolo u krug pokušavajući da ovo uspem i konačno sam to shvatio, pa sam odlučio da podelim svoje nalaze.
Konfigurišite PhpStorm pretraživače
Počnimo od početka. Prvo morate saznati gdje je pohranjen vaš Chrome korisnički profil. Da biste to učinili, otvorite Chrome s korisničkim profilom koji želite koristiti, a zatim posjetite chrome://version koristeći taj preglednik. Dobićete stranicu koja izgleda otprilike ovako:
![1.png 1.png](https://wikiba.eu/data/attachments/0/220-92911a20949a3ed392ca8532d0ef1b5f.jpg)
Iz ovoga ćete morati zabilježiti putanju profila.
Zatim idite na PhpStorm i otvorite panel postavki. Idite na Alati > Web pretraživači i pregled i pronađite Chrome na listi. Odaberite ga i pritisnite ikonu olovke za uređivanje.
![2.png 2.png](https://wikiba.eu/data/attachments/0/221-f33e91649da3ce143caedc9480fda887.jpg)
U dijalog koji se otvori, morate dodati string --profile-dir="Profil 3", gdje Profil 3 odgovara onome što ste vidjeli u chrome://version izlazu.
Također morate provjeriti opciju 'Koristi prilagođeni direktorij korisničkih podataka' i profilirati putanju do direktorija koji sadrži direktorij vašeg korisničkog profila, a ne sam korisnički profil.
U mom slučaju, chrome://version je rekao da je moja putanja profila /Users/kier/Library/Application Support/Google/Chrome/Profile 3, tako da unosim sljedeće:
Opcije komandne linije:
--profile-dir="Profil 3"
Korisničko imenik prilagođenih korisničkih podataka:
/Users/kier/Library/Application Support/Google/Chrome
![3.png 3.png](https://wikiba.eu/data/attachments/0/222-a1f2272415108cc6d71d12fddcd35702.jpg)
Vitalni preduslov!
Prije nego što nastavimo, od vitalne je važnosti razumjeti da Chrome mora biti pokrenut u načinu za otklanjanje grešaka da bi mogao komunicirati sa PhpStormom, a kada pokrenete Chrome na normalan način, on to ne čini. Ako ste već sami pokrenuli Chrome koristeći svoj korisnički profil, PhpStorm može otvoriti novu karticu, ali ne može postaviti pretraživač na način za otklanjanje grešaka.
Stoga morate dopustiti PhpStormu da pokrene Chrome umjesto vas ako želite da otklonite greške s njim, ili jednostavno neće raditi.
![4.png 4.png](https://wikiba.eu/data/attachments/0/223-8935b1e711d5bf8685557e359b3dffbc.jpg)
Zato zatvorite Chrome sada.
Kreirajte konfiguraciju za otklanjanje grešaka
Sada ćemo konfigurisati instancu za otklanjanje grešaka.
U PhpStormu, izaberite Pokreni > Uredi konfiguracije... iz menija.
U dijalogu Run/Debug Configurations, kliknite na [+] i odaberite novu konfiguraciju JavaScript Debug.
![5.png 5.png](https://wikiba.eu/data/attachments/0/224-fa48841dab90291e02d044c0cde6c5a2.jpg)
Moja konfiguracija za otklanjanje grešaka će ukazivati na korijen moje XenForo 2.3 instalacije, koja se nalazi na /Users/kier/Sites/xf/23 i može se pogledati na https://mcflurry.local/xf/23. Uvjerite se da je vaš prethodno konfigurirani preglednik Chrome postavljen kao preglednik u konfiguraciji, a zatim pritisnite OK da sačuvate konfiguraciju.