织梦网站如何实现PC端与手机端数据同步

一、PC端制作完成后 在模板文件夹下 放置手机端的htm 然后再给每个htm的命名在最后加上 _m 如：

index_m.htm 首页模板

index_default_m.htm 频道页模板

list_default_m.htm 列表页模板

list_default_sg_m.htm 列表页模板

article_article_m.htm 内容页模板

article_default_m.htm 内容页默认模板

search_m.htm 搜索页模板

head_m.htm 顶部模板

footer_m.htm 底部模板

手机端的这些htm文件放到与PC端模板同一文件夹下

二、把手机端的资源文件夹（css images js）放到 /m/assets 目录下

三、手机端所有htm的路径改写 css、img、js 路径全部换成手机端资源所在的路径 /m/assets/…

四、手机端调用与PC端有两块地方不一样 需要改写：

1.栏目调用

手机模板调用栏目超链接代码如下：

{dede:channel type=’top’ row=’10’ }

<a href=’list.php?tid=[field:id/]’>这是栏目内容</a>

{/dede:channel}

2.文章列表

手机模板调用文章列表超链接代码如下：

{dede:arclist row='10' }

<a href=’view.php?aid=[field:id/]’>这是文章标题</a>

{/dede:arclist}

除了这两个超链接不一样，其他的织梦标签通用。

此时更新 再通过 网站url/m 就可访问测试一下手机端的效果了

五、在PC端index的head中插入下面这段JS 就可以在手机端访问啦（PS：浏览器F12 手机模式看不到的 因为要判断设备类型）

<script>

if(navigator.platform.indexOf(‘Win32’)!=-1){

}else{

//shouji

window.location.href=”http://www.******.com/m”;

}

</script>

六、每次有更新之前 需要先把 /m/assets 下生成的index.html文件删掉 再去更新 这样就能实现织梦 PC端与手机端数据同步！

转载：感谢您对正月二十四工作室的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源正月二十四工作室”。

很赞哦！ ()