Comment inclure du code JavaScript pour un navigateur spécifique?

Question

Y compris une feuille CSS est facile et fonctionne bien avec le code ci-dessous. Cependant, cela ne doit pas être un bon moyen d'inclure un fichier javascript car j'obtiens une erreur lorsque je le vois dans l'iPad. Quelque chose à propos d'un tag non fermé. Je suppose que je reçois des étiquettes imbriquées en faisant de cette façon. Que devrais-je faire à la place?

<script type="text/javascript"> 
//Sniff out iPads 
if (navigator.userAgent.indexOf('iPad') != -1) { 
    document.write('<link rel="stylesheet" type="text/css" href="/styles/browser/ipad.css" media="screen, print" />'); 
    document.write('<script src="/scripts/ipad.js" type="text/javascript" />'); 
} 
<script> 

Answer 1

Pour le ipad.js vous pouvez détecter à l'intérieur du javascript. Pour le CSS il suffit d'utiliser conditional comments (si vous soutenez les anciennes versions IE) et le media attribute pour exclure le charger dans IE et d'autres navigateurs:

<!--[if !IE]>--> 
<link rel="stylesheet" type="text/css" href="/styles/browser/ipad.css" media="only screen and (max-device-width: 480px)" /> 
<![endif]-->