Home/ Questions/Q 3670144
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T02:19:44+00:00

I don’t know whether I should be here or not. But I’m trying to

  • 0

I don’t know whether I should be here or not.

But I’m trying to make a website to detect on which device I am (iPhone/iPad)
and change the CSS-file I’m using.
I’m using this code:

function iCheck() {
if((navigator.userAgent.match(/iPad/i))) {
   document.write("<link rel='stylesheet' type='text/css' href='../misc/iphone.css' />");
}
else if(navigator.userAgent.match(/iPhone/i)) {
   document.write("<link rel='stylesheet' type='text/css' href='../misc/iphone.css' />");
}

}

but this gives me a blank page with nothing on it.

Can someone help me?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can only call document.write while the page is rendering (directly in <script> blocks).

    If you call it after the page finishes loading, it will replace the entire page.

    To fix your issue, you can either run your code directly in the <head> tag or replace document.write with DOM manipulation (createElement and appendChild) to add a <link> tag to the <head>.

    • 0