使用Cookie将用户重定向到移动网站以进行检查

Question

I have a script in my html code (main page):

  <script type="text/javascript">
   <!--
     if (screen.width <= 550) {
     window.location.href = "http://EXAMPLE/chooice.html";
          }
  //-->
  </script>

Ok i'ts plain and simple. redirect the user to the chooice.html whenever you are under the 550px area. Cool. Works..

Now here is the problem. I have setup chooice.html to have two buttons ( one of them says go to mobile site, the other one says go to main website ). So my button that says go to main website is were the script is. So if I as a user chooice the regular site my script will trigger it once again and I will go back to the chooice.html site.... Fail!

I started thinking that I can use a cookie for this to check if it needs a redirect or not? You guys get me? I don't know too much javascript so if anyone could help me that would be awesome but I think a cookie is the way to go at this point.

Thanks

Answer 1

You could use Javascript cookies.

To write to them, use the following formats

document.cookie="item=value";
document.cookie="item=value; expires=Mon, 1 Jan 2014 00:00:00 UTC";
document.cookie="item=value; expires=Mon, 1 Jan 2014 00:00:00 UTC; path=/";

You can then read it from the following item

var cookie = document.cookie;

If you need anymore information, take a look at the following link: http://www.w3schools.com/js/js_cookies.asp