Different JS files are loaded on the mobile and PC side respectively

In fact, there are many ways of mobile phone and PC, we often encounter such demand in the construction of responsive design and responsive website. Let's talk about the requirements we encountered in the project:

Different JS customer service codes are loaded on the mobile and PC side (note: The different JS files are loaded separately on the PC and the mobile phone)

First method (Simple Type):

2. <script type="Text/javascript" >
4. Depending on the screen size
6. if (screen && screen.width > 480) {
8. document.write (' <script type= ' Text/javascript "charset=" Utf-8 "src="123.js "><\/script>");
10. }
14. UserAgent judgment
16. if (/android|webos|iphone|ipod|ipad| Blackberry/i.test (navigator.useragent)) {
18. document.write (' <script type= ' Text/javascript "charset=" Utf-8 "src="123.js "><\/script>");
20. }
22. </script>

The second method (has been tested, the project is actually in use):

2. <script type="Text/javascript" >
4. function Browserredirect () {
6. var suseragent = Navigator.userAgent.toLowerCase ();
8. var bisipad = Suseragent.match (/ipad/i) = = "ipad";
10. var Bisiphoneos = Suseragent.match (/iphone os/i) = = "iphone OS";
12. var BISMIDP = Suseragent.match (/midp/i) = = "MIDP";
14. var bIsUc7 = Suseragent.match (/rv:1.2.3.4/i) = = "rv:1.2.3.4";
16. var bisuc = Suseragent.match (/ucweb/i) = = "UCWeb";
18. var bisandroid = Suseragent.match (/android/i) = = "Android";
20. var bisce = Suseragent.match (/windows ce/i) = = "Windows CE";
22. var biswm = Suseragent.match (/windows mobile/i) = = "Windows Mobile";
24. Document.writeln ("Your browsing device is:");
26. if (Bisipad | | bisiphoneos | | bismidp | | bIsUc7 | | bisuc | | bisandroid | | bisce | | biswm) {
30. Alert ("Mobile browsing! ");
34. document.write (' <script type= ' Text/javascript "charset=" Utf-8 "src="123.js "><\/script>");
36. } Else {
40. Alert ("PC browsing! ");
42. document.write (' <script type= ' Text/javascript "charset=" Utf-8 "src="123.js "><\/script>");
44. }
46. }
48. Browserredirect ();
50. </script>

This way we directly in the PC side and the phone end of the output of different JS. Therefore, we in the mobile phone and the PC side load different JS needs to solve the perfect.

Different JS files are loaded on the mobile and PC side respectively