Miten tarkistaa CSS-yhteensopivuus Adobe Dreamweaver CS6: ssä - dummies

On tärkeää varmistaa, että Adobe Dreamweaver CS6-verkkosivusto näyttää oikein ja johdonmukaisesti kaikissa suosituimmissa selaimissa, kuten Internet Explorerissa, Firefoxissa, Chromeissä ja Safarissa. Vaikka nykyaikaiset selaimet ovatkin ottaneet käyttöönsä melko yhtenäisen tuen CSS2 (ja jotkin CSS3) -ominaisuudet, suunnittelijat saattavat vielä testata sivujaan useilla selaimilla ja selaimilla.

Tämän aikaa vievän tehtävän poistamiseksi Dreamweaver tarjoaa yhteensopivuuden tarkistuksen, joka toimii yhdessä Adoben verkkosivuston kanssa ja löytää ja raportoida CSS: ään liittyvistä näyttöongelmista, joita saattaa esiintyä tietyissä selaimissa ja versioissa.

Selaimen yhteensopivuuden tarkistus tarkistaa CSS-yhteensopivuuden oletusarvoisesti näissä selaimissa: Firefox 1-3; Internet Explorer (Windows) 6. 0-8. 0; Internet Explorer (Macintosh) 5. 2; Netscape Navigator 7. 0-8. 0; Opera 7. 0-9. 0; ja Safari 1. 0-3. 0.

Minkä tahansa ongelman, jonka selaimen yhteensopivuuden tarkistus havaitsee, Tulokset-paneeli näyttää ongelman kuvaus ja suoran linkin Adoben verkkosivuston CSS Advisor -osiossa. CSS-neuvonantaja kertoo tunnetuista selain-näyttöongelmista ja mahdollisista ratkaisuista niiden vahvistamiseen.

Seuraa näitä ohjeita testataksesi sivua, jossa on selainyhteensopivuustarkistus:

1. Avaa sivu muokattavaksi valitsemalla Tiedosto → Avaa tai valitsemalla se Tiedostot-paneelista.

2. Napsauta Dokumentti-ikkunassa (vieressä olevaa Live Code -painiketta) ja pidä Check Browser Compatibility -painiketta ja valitse sitten näyttöön tulevasta valikosta Check Browser Compatibility.

   Tulokset-paneeli tulee näyttöön selaimen yhteensopivuusvälilehdellä eteenpäin. Kaikki tulokset näkyvät tällä välilehdellä.

3. Jos haluat nähdä mahdolliset tulokset ja mahdolliset ratkaisut, valitse tulos.

   

   Kuvaus sekä linkki Adoben verkkosivustoon näkyy paneelin oikealla puolella.

   Mahdolliset yhteensopivuusongelmat luetellaan sekä tiedostonimen, rivinumeron ja ongelman kuvaus.

4. Napsauta yksityiskohtaisen paneelin alapuolella olevaa linkkiä siirtyäksesi Adobe-verkkosivustoon ratkaisuihin.