同一个网址电脑手机访问显示不同内容思路

响应式设计与设备检测

最新推荐文章于 2020-04-15 17:27:19 发布

转载最新推荐文章于 2020-04-15 17:27:19 发布 · 298 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/idjl/p/9610522.html

本文介绍了使用Bootstrap实现响应式设计的方法，并探讨了通过JavaScript或PHP识别设备类型以展示不同视图模板的技术。以天猫网站为例，展示了如何利用device.js和$_SERVER['HTTP_USER_AGENT']进行设备检测。

1、css不同，Bootstrap，响应式

2、内容完全不同，js或php识别设备类型，显示不同视图模板。例如：tmall.com

js可用device.js；

php检测设备类型用到的是：$_SERVER['HTTP_USER_AGENT']

转载于:https://www.cnblogs.com/idjl/p/9610522.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30781433

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Android——Apache安装方法及在同一个局域网下手机无法访问时的解决办法

数字世界万物互联

08-22

1325

《Android第一行代码》中，9.3节解析XML格式数据涉及到了Apache web服务器的安装，书中的版本比较老，是2.2.9，目前https://www.apachehaus.com/cgi-bin/download.plx下载的最新版本是2.4.41，一般都没有图形化的安装界面，安装过程遇到了一堆坑，网上也找了一些方法，现将安装过程分享下。 1、下载解压后放在某个文件路径下，进入文件...

访问服务器显示无法访问目标主机,ip无法访问目标主机

weixin_29881131的博客

08-10

6795

ip无法访问目标主机内容精选换一换部署任务执行失败，会有可能以下几种原因。问题现象：部署主机已添加入方向规则“允许访问5000以及5001端口”，且部署任务执行成功，但无法访问部署网站(即“http://ip地址:5000”与“http://ip地址:5001”)。原因分析：本实践项目所使用目标主机的操作系统为Ubuntu 16.04，其它类型主机无法访问部署后的网站。处通过云堡垒机登录资源，运...

参与评论您还未登录，请先登录后发表或查看评论

同一个网址，电脑手机访问显示不同的内容（Apache配置）

weixin_30682415的博客

03-30

808

一、需求概述：　　用户访问一个网址 https://www.xxx.com，如果是移动设备访问，跳转到移动端的页面 https://www.xxx.com/mobile；如果是电脑访问，则跳转到pc端页面 https://www.xxx.com。二、实现逻辑：　　默认 https://www.xxx.com入口为pc端静态资源，添加配置获取用户设备，如果是移动设备则redire...

网站在手机和电脑上显示差异大的原因

qq_42024734的博客

09-16

1979

虽然现在有了APP，但是有些情况下我们还是需要通过手机上的浏览器来访问网站，但是你会返现在手机上访问和在PC上访问界面显示上的差异还是很大的，这里面的原因就在于这些网站对于PC端和手机端分别做了适配，就以京东为例，在pc端看到的效果是这样的：而当你将链接复制下来发送到手机上的时候，打开链接显示效果确实这样的：其实原因很简单，当你点击电脑发送给你的链接时，网页在加载过程中对设备进行了判断，...

同一个url电脑浏览器可正常打开，手机却打不开

u012564967的博客

01-14

1万+

这是因为url对应的web页没有适配手机端，解决办法有两个：1.web页适配手机；2.webview作如下设置： webView.getSettings().setUserAgentString("Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.134 Saf...

同一个网址，根据pc跟移动端，跳到对应页面

Byte_Dance的博客

03-06

2853

function goPAGE() { if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android |Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i...

与电脑处于同一局域网下的手机访问电脑网站

热门推荐

u012925323的博客

11-04

2万+

在网上找了很多关于这方面的教程，个人觉得都不是很全面。我下面就给大家详细的教程。具体思路： 1、安装IIS。 2、部署网站。我分了十四个步骤：1、打开控制面板，点击程序：2、点击启用或关闭 windows 功能：3、安装IIS服务，严格按照下图打勾的和黑色正方形选择，然后确认安装：4、IIS安装完成后，返回控制面板，点击系统和安全：5、点击管理工具：6、打开IIS管理器：7、添加网站：8、添加网

HTML5调用手机摄像头拍照的实现思路及代码

12-14

HTML5的Media Capture API是现代Web开发中一个重要的特性，它允许开发者访问用户的摄像头和麦克风，从而实现在网页上进行视频捕捉、音频录制等功能。本文将深入探讨如何使用HTML5调用手机摄像头进行拍照，并解决相关...

四个视频界面分别导入不同路径，分别为电脑摄像头，手机摄像头，两个外置摄像头

05-09

代码思路是创建四个VideoCapture对象，每个对应一个摄像头源，然后在循环中读取每一帧，显示在四个不同的窗口中。需要注意的是，同时读取多个摄像头可能会遇到性能问题，尤其是高分辨率的情况下。可能需要多线程处理...

如何实现手机和电脑打开同一网址URL链接显示不同各自适配的网页内容

专注于技术开发、项目管理

04-15

5555

效果如下：用于测试的URL：https://www.huodongxing.com/event/3539919032700 1、PC端效果 2、手机端效果 3、实现方法 //判断是pc浏览器：1、微信浏览器：3、其它浏览器：2 this.visitorType = function() { var src = 1; console.log(navigator.userAge...

手机端和平PC端页面切换以及数据传递

programmer_wirein的博客

04-21

714

移动端和手机端页面跳转以及数据传递

vue新手：导航栏中的两个链接对应一个页面，不同链接显示的内容不同

java新手的博客

03-23

4395

导航栏sidebar页面：想要放两个链接，点击任何一个都跳转到create页面，但是create页面显示的内容不同。 <template> <div class="sidebar"> <el-menu class="sidebar-el-menu" :default-active="onRoutes" :collapse="collapse&q

同一个可执行文件，软链接到不同名字，执行不同内容

weixin_34054931的博客

09-06

483

原理：可通过判断 $0 来执行不同命令如下：[root@test-01~]#catb #!/bin/bash # [[$0=~^(.*)/c$]]||[[$0=="c"]]&&echo"c" [[$0=~^(.*)/d$]]||[[$0=="d"]]&&echo"d" [root...

不同入口进入同一页面，页面中的显示内容不一样

Aubrey's blog

01-25

1万+

//从两个a链接进入同一个页面recharge.html，点击“充值”进入页面时需要显示 $('.addmon')，隐藏$('.mywallets')，点击“购物券”时则相反。此时需要判断用户是点击了哪个按钮进入页面的。方法是传参，加“#1”（1是随便写的数字） 1))}">充值 1))}">购物券 $(document).ready(function(){ if(window.loca

Packet Sender是一个电脑端运行的程序，没有手机端