Dim ond ar gyfer defnyddwyr sy'n rhedeg y porwr Firefox Firefox ar systemau gweithredu Mac OS X neu Windows sy'n gyfrifol am y tiwtorial hwn.
Mae Firefox yn cynnwys offeryn defnyddiol ar gyfer datblygwyr, gan gynnwys consolau gwe a chamgymwys integredig yn ogystal ag arolygydd cod. Hefyd, rhan o gyfres datblygu gwe'r porwr yw Scratchpad, offeryn sy'n caniatáu i raglenwyr deganau gyda'u JavaScript a'u gweithredu o fewn ffenestr Firefox. Gall rhyngwyneb syml Scratchpad fod yn eithaf cyfleus i ddatblygwyr JavaScript. Mae'r tiwtorial cam wrth gam yn eich dysgu sut i gael gafael ar yr offeryn yn ogystal â sut i'w ddefnyddio i greu a mireinio'ch cod JS.
Yn gyntaf, agorwch eich porwr Firefox. Cliciwch ar y botwm ddewislen Firefox, a leolir yng nghornel dde uchaf eich ffenestr porwr a'i gynrychioli gan dri llinell lorweddol. Pan fydd y ddewislen yn disgyn, dewiswch yr opsiwn Datblygwr . Dylai is-ddewislen ymddangos yn awr. Cliciwch ar Scratchpad , a geir o fewn y ddewislen hon. Nodwch y gallwch ddefnyddio'r llwybr byr bysellfwrdd canlynol yn lle'r eitem ddewislen hon: SHIFT + F4
Dylid arddangos Scratchpad nawr mewn ffenestr ar wahân. Mae'r prif adran yn cynnwys rhai cyfarwyddiadau byr, ac yna gofod gwag wedi'i gadw ar gyfer eich mewnbwn. Yn yr enghraifft uchod, rwyf wedi rhoi rhywfaint o god JavaScript sylfaenol yn y gofod a ddarperir. Unwaith y byddwch wedi rhoi rhywfaint o god JavaScript cliciwch ar y ddewislen Execute , sy'n cynnwys yr opsiynau canlynol.
- Rhedeg: Mae'r opsiwn hwn yn pennu'r cod a ddewiswyd o fewn ffenestr Scratchpad. Y shortcut bysellfwrdd ar gyfer yr eitem ddewislen hon yw CTRL + R ar Windows a COMMAND + R ar Mac OS X.
- Arolygwch: Mae'r opsiwn hwn yn esgor ar y cod a ddewiswyd, ac mae hefyd yn agor enghraifft o'r arolygydd gwrthrych ar y gwerth penodol a ddychwelwyd. Mae hyn yn eich galluogi i drilio i mewn i wrthrych penodol. Y shortcut bysellfwrdd ar gyfer yr eitem ddewislen hon yw CTRL + I ar Windows a COMMAND + I ar Mac OS X.
- Arddangos: Mae'r opsiwn hwn yn dilyn y cod a ddewiswyd, gan arddangos y canlyniad yn uniongyrchol yn y ffenestr golygydd ei hun. Y shortcut bysellfwrdd ar gyfer yr eitem ddewislen hon yw CTRL + L ar Windows a COMMAND + L ar Mac OS X.