中国工业新闻网

中国工业新闻网(www.cinn.cn)是一个专注于报道中国工业新闻的综合性门户网站。网站以提供及时、全面、准确的行业资讯为宗旨,为广大用户提供专业的信息服务。

设备检测

为了更好地适应不同设备的访问需求,我们使用了isPC()函数来判断当前设备是否为PC端。该函数通过解析用户代理字符串(navigator.userAgent)来检测设备类型,包括Android、iPhone、SymbianOS、Windows Phone等主流移动设备。如果当前设备是PC端,则返回true;否则返回false

var isPC = function() {
var userAgentInfo = navigator.userAgent.toLowerCase();
var Agents = new Array("android", "iphone", "symbianOS", "windows phone", "ipad", "ipod");
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false;
break;
}
}
return flag;
}

页面URL适配

为了在不同设备上提供更好的浏览体验,我们针对PC端和移动端分别设置了不同的页面域名。当用户在非PC端且访问页面时携带了特定参数(如f=pad),则会自动跳转到对应的移动端页面。这样可以实现在移动设备上获得更适合触摸操作的页面布局。

if(!isPC() && window.location.search.indexOf('f=pad')> -1) {
window.onload = function() { // 选择页面中的所有 a 标签并为其添加点击事件处理程序
var links = document.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
links[i].addEventListener("click", function(e) {
e.preventDefault(); // 阻止默认行为,例如链接跳转
// 在此处添加你的逻辑代码,例如跳转到指定的移动端页面或执行其他操作
});
}
};
}

通过以上代码,你可以在移动设备上访问中国工业新闻网的同时,也能在PC端获得相应的功能和体验。无论是在桌面浏览器还是移动设备上,用户都能享受到一致的内容和界面设计。