JavaScript Playground – Socodsi JavaScript, HTML iyo CSS
Qor oo socodsii JavaScript, HTML, iyo CSS iframe sandbox ah iyadoo leh guddi soosaar console toos ah iyo horudhac. Helitaanka shabakadda waxaa xanniba calaamadda CSP meta si caadi ah; waxaad shidi kartaa adigoo leh digniin muuqata. Isticmaal habka auto-run si aad u socodsiiso code markaad shaqaynayso, ama Stop/Reset si aad u abuurto iframe cusub oo aad uga baxdo wareeg aan dhammaanayn. Tusaalooyinka bilowga waxay kaa caawinayaan inaad bilowdo.
JavaScript Playground waa goob shaqo code oo biraawsarka ku salaysan oo lagu qoro laguna socodsiiyo JavaScript, HTML, iyo CSS. Tifaftiruhu wuxuu leeyahay tab-yo gooni ah oo JS, HTML, iyo CSS ah, iyadoo leh muraayad horudhac iyo guddi soosaar console toos ah si aad u kormeerto bog iyo soosaarkiisa isku mar. Isticmaal si aad u tijaabiso snippet gaaban ama u isku day code adigoon rakibin deegaan horumarineed maxalli ah.
Code-ku wuxuu ku socdaa gudaha iframe sandbox ah oo lagu habeeyay allow-scripts oo aan lahayn allow-same-origin. Calaamadda CSP meta waxay xannibtaa helitaanka shabakadda si caadi ah; waad shidi kartaa, interface-kuna wuxuu muujiyaa digniin muuqata. Habka auto-run wuxuu socodsiiyaa code markaad shaqaynayso. Haddii script-ku ku xayirmo wareeg aan dhammaanayn, Stop/Reset wuxuu burburiyaa oo abuuraa iframe. Tusaalooyinka bilowga sidoo kale waa lagu daray.
JavaScript, HTML, iyo CSS waxay leeyihiin doorar kala duwan bog web: HTML waxay qaabaysaa waxyaabaha, CSS waxay kontarooshaa muuqaalkiisa, JavaScript-na waxay ku daraa habdhaqan. Ku haynta tab-yo gooni ah waxay fududaynaysaa inaad tijaabiso sida qaybahani u wada shaqeeyaan, dib u eegto isbeddel horudhaca, oo hubiso soosaarka console.
JavaScript Playground wuxuu si buuxda ugu socdaa biraawsarkaaga. Galintaada waxaa lagu farsameeyaa qalabkaaga mana la soo geliyo, lama kaydsado, loomana diro server. Wuu shaqeeyaa offline marka boggu soo shubmo, waana bilaash in la isticmaalo. Horumariyeyaasha iyo injineerada DevOps waxay isticmaali karaan si ay u sahamiyaan code, u hubiyaan habdhaqanka bogga, ama u qabtaan hawl barnaamij oo degdeg ah ka yimid mashiino kala duwan.
Tallaabo 1: Fur tab-yada JS, HTML, iyo CSS oo geli code-ka aad rabto inaad tijaabiso. Isticmaal tab ku habboon qayb kasta oo boggaga.
Tallaabo 2: Dooro inaad isticmaasho habka auto-run. Marka la shido, code-kaagu si toos ah ayuu u socdaa markaad shaqaynayso.
Tallaabo 3: Xasuuso ilaalinta shabakadda ee caadiga ah: calaamadda CSP meta waxay xannibtaa helitaanka shabakadda. Waxaad shidi kartaa helitaanka shabakadda, goobta tijaabaduna waxay muujisaa digniin muuqata.
Tallaabo 4: Socodsii code-kaaga oo kormeer horudhaca iyo guddiga soosaarka console tooska ah si aad u aragto natiijooyinka.
Tallaabo 5: Haddii code-ku ku xayirmo wareeg aan dhammaanayn, isticmaal Stop/Reset si aad u burburiso oo u abuurto iframe sandbox ah oo cusub.
Isticmaalka: Tijaabi snippet JavaScript adigoon rakibin deegaan horumarineed maxalli ah. Goobta tijaabadu waxay ku socodsiisaa code-kaaga biraawsarka oo waxay muujisaa soosaar console toos ah.
Isticmaalka: Hubi sida HTML, CSS, iyo JavaScript u wada shaqeeyaan adigoo ku tafatiraya tab-yadooda goonida ah oo dib u eegaya horudhaca.
Isticmaalka: Baar habdhaqanka code adigoo isticmaalaya guddiga soosaarka console tooska ah oo ay weheliso horudhaca bogga.
Isticmaalka: Ka soo kabo wareeg aan dhammaanayn adigoo isticmaalaya Stop/Reset si aad u burburiso oo u abuurto iframe.
Isticmaalka: Ku shaqee hawl barnaamij ka yimid mashiin aadan lahayn dejin maxalli ah.
Isticmaalka: Ka fogow inaad u dirto code ama xog gudaha adeeg dhinac saddexaad: goobta tijaabadu waxay ku farsamaysaa galinta biraawsarkaaga.
Isticmaalka: Sahami tusaalooyinka bilowga markaad rabto meel bilow ah oo aad ku tijaabiso JavaScript, HTML, ama CSS.