返回顶部
首页 > 资讯 > 精选 >jspXCMS中PC端和手机端如何同时生成静态页
  • 944
分享到

jspXCMS中PC端和手机端如何同时生成静态页

2023-06-26 07:06:47 944人浏览 泡泡鱼
摘要

这篇文章主要为大家展示了“jspXCMS中PC端和手机端如何同时生成静态页”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jspXCMS中PC端和手机端如何同时生成静态页”这篇文章吧。静态页是和图

这篇文章主要为大家展示了“jspXCMS中PC端和手机端如何同时生成静态页”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jspXCMS中PC端和手机端如何同时生成静态页”这篇文章吧。

静态页是和图片类似的静态资源,访问静态资源不会经过程序处理,不会根据浏览器返回不同页面。要同时支持PC端和手机端浏览器,且要生成静态页时,最好使用bootstrap之类的技术,实现自适应页面设计。

如果PC端和手机端使用了不同模板,且还需生成静态页面,需要解决两个问题。

第一,PC端和手机端生成的静态页面必须保存在不同的目录,否则PC端的静态页会覆盖手机端的静态页。比如PC端和手机端的首页都是/index.html,最终必然只会保存一个文件。必须是PC端的首页为/index.html,手机端的首页为/m/index.html。其它的页面也类似,如PC端的新闻栏目页为/news/index.html,手机端的则为/m/news/index.html。

这就需要另外创建一个手机端的HTML发布点,保存路径为/m,显示路径也为/m。
jspXCMS中PC端和手机端如何同时生成静态页

然后在站点管理里设置手机端HTML发布点为之前新建的HTML手机发布点。
jspXCMS中PC端和手机端如何同时生成静态页

第二,由于PC端的页面和手机端的页面地址不同,用户访问的时候默认是访问PC端的页面。由于访问的是静态页,不经过服务器的程序处理,无法在服务器端判断是什么浏览器访问。此时需要在PC端的页面里面加上js代码,判断是否为手机端浏览器访问,如果是,则使用js跳转到手机端的静态页。

以下代码放到PC端模板首页里,如果手机浏览器访问了PC端首页,会自动跳转到手机端的页面地址。

[#if site.url != site.urlMobile]<script>//生成静态HTML时,需要使用js判断是否为手机端访问,并跳转到手机端地址var ua = navigator.userAgent;var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),isAndroid = ua.match(/(Android)\s+([\d.]+)/),isMobile = isIphone || isAndroid;if(isMobile) location.href = "${site.urlMobile}";</script>[/#if]

以上是“jspXCMS中PC端和手机端如何同时生成静态页”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网精选频道!

--结束END--

本文标题: jspXCMS中PC端和手机端如何同时生成静态页

本文链接: https://www.lsjlt.com/news/307464.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • jspXCMS中PC端和手机端如何同时生成静态页
    这篇文章主要为大家展示了“jspXCMS中PC端和手机端如何同时生成静态页”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jspXCMS中PC端和手机端如何同时生成静态页”这篇文章吧。静态页是和图...
    99+
    2023-06-26
  • jspXCMS怎么同时支持PC端和手机端
    这篇文章主要介绍“jspXCMS怎么同时支持PC端和手机端”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jspXCMS怎么同时支持PC端和手机端”文章能帮助大家解决问题。最好的办法是使用bootst...
    99+
    2023-06-26
  • VB.NET如何生成静态页面和分页原理
    这篇文章主要为大家展示了“VB.NET如何生成静态页面和分页原理”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“VB.NET如何生成静态页面和分页原理”这篇文章吧。1、VB.NET生成静态页面和分...
    99+
    2023-06-17
  • JS如何判断页面是在手机端还是在PC端打开
    小编给大家分享一下JS如何判断页面是在手机端还是在PC端打开,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!我们想要的效果是pc文...
    99+
    2024-04-02
  • 一文详解如何在前端中动态生成API接口
    本篇文章给大家带来了关于前端的相关知识,其中主要介绍了怎么在前端中动态的生成API接口 ,下面一起来看一下,希望对大家有帮助。在ts横行的时代,接口请求和返回参数定义类型成了繁琐的一件事情,在这样的情况下,我们可以通过node服务,来进行自...
    99+
    2023-05-14
    node API
  • JS如何实现PC手机端和嵌入式滑动拼图验证码三种效果
    这篇文章将为大家详细讲解有关JS如何实现PC手机端和嵌入式滑动拼图验证码三种效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。PC和手机端网站滑动拼图验证码效果源码,同时...
    99+
    2024-04-02
  • 新手复制既可 php的H5网页端如何分享到微信中带图片和缩略图
    php的H5网页端如何分享到微信中带图片和缩略图 首先先去公众号获取id和添加IP白名单 好了废话不多说直接上代码 ...
    99+
    2023-09-17
    微信 php
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作