Programmering HTML Context Känslighet

June 4

HTML teoretiskt sett är utformad för att visa en webbsida på samma sätt, oavsett vilken webbläsare som används. Detta är inte fallet i praktiken, eftersom olika webbläsare varierar i deras HTML-renderingstekniker, och skärmstorlekar varierar från mobila enheter till stora datorskärmar. Webbläsare upptäckt och JavaScript tillåter webbdesigners att tjäna olika HTML baserad på ramen för webbläsaren och enheten som används.

User Agent Identifiering

Användar identifiering av agens är en textrad skickas med alla webbläsare till en webbserver på att initiera en ny anslutning. Denna text identifierar webbläsaren, Web renderingsmotor, operativsystem och ibland hårdvara som begär webbsidan. Detta är ett exempel på användar identifiering av agens som används av Firefox:

Mozilla / 5.0 (Windows NT 6.1; rv: 10.0.1) Gecko / 20.100.101 Firefox / 10.0.1

Användar agent strängar är tillgängliga för JavaScript programmering inom webbsidor, och denna information kan sedan användas för att ändra HTML-koden skickas till en webbläsare baserad på hårdvaran eller webbläsare som används.

JavaScript Detektering

JavaScript refererar användaragentinformation med hjälp av Navigator objektet. Navigator objektet har fått sitt namn från Netscape Navigator, webbläsaren mest använda när de första versionerna av JavaScript utvecklades. Den objektegenskap navigator.appName returnerar namnet på webbläsaren, medan navigator.platform återgår operativsystemet. Hela user agent text kan hämtas med egenskapen navigator.userAgent.

HTML Context Känslighet

Kontextkänslig HTML-kan göras på två sätt. När en HTML-sida ska visa alternativ text och utformning beroende på den information som returneras av Navigator objekt kan HTML presenteras i JavaScript if-then eller fall uttalanden. Men när hela webbplatsen ska formateras, vilket är vanligt med mobilwebbplatser formaterade för iOS eller Android-enheter, använder platsobjekt för att omdirigera webbadressen till en separat uppsättning HTML-sidor som innehåller den mobila designen.

CSS Alternatives

Cascading Style Sheets kan också användas för att skapa innehålls specifik HTML design, genom att bädda konstruktion logik i CSS-format. Direktivet @media CSS utfärdar en media fråga att bestämma parametrarna för webbläsaren, och de resulterande tillämpade stilar baseras på webbläsar information såsom sidbredd. CSS ska användas när sidlayout är den enda kontextuell förändring är nödvändig för olika webbläsare. Men JavaScript omdirigeringar är en mer elegant lösning när det gäller de resulterande sidorna måste också ändra webb programmeringsspråk som används på de olika platserna.


        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2019 Astrixsoft.com | Contact us: webmaster# astrixsoft.com