首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Nginx区分PC或手机访问不同网站

    近几年来,随着手机和pad的普及,越来越多的用户选择使用移动客户端访问网站,而为了获取更好的用户体验,就需要针对不同的设备显示出最合适的匹配,这样就是近年来流行的“响应式web设计”。...本文要讲的的是如何使用nginx区分pc和手机访问不同的网站,是物理上完全隔离的两套网站(一套移动端、一套pc端),这样带来的好处pc端和移动端 的内容可以不一样,移动版网站不需要包含特别多的内容,只要包含必要的文字和较小的图片...简单的服务器端实现方法 有两套网站代码,一套PC版放在/usr/local/website/web,一套移动版放在/usr/local/website/mobile。...关键的Nginx配置如下: location / { #默认PC端访问内容 root /usr/local/website/web; #如果是手机移动端访问内容 if ( $http_user_agent...}if ($mobile_request = '1') { rewrite ^.+ http://m.264.cn$uri;} 移动版页面添加PC版链接 默认用户进来时会先判断UA,如果是手机端访问就会进入手机版

    10.3K90

    需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。

    问题详情 如下图所示(部分): 出现该错误,是因为应用程序中需要使用到jquery(现在的web应用程序哪个能离开jquery呢),而目前程序目录中并没有jquery文件,或者有jquery文件但是程序并不知道...jquery文件存放的具体位置。...因此,我们要做的就是让应用程序能够找到jquery源文件。 引入jquery 如果项目中还没有引入jquery文件,则第一步就是要引入jquery文件。...可以从​​jquery官网​​下载最新版的jquery源文件,然后在应用程序的根目录下新建一个Scripts文件夹用来放置js文件,将jquery源文件解压到该目录中。...(***为jquery的具体版本号) 配置jquery的目录 引入了jquery文件之后,下一步就是要让应用程序知道jquery源文件的位置,也就是要配置jquery的目录。

    27210

    jquery.mobile手机网页简要

    先上最终效果: 最近做了一个用手机浏览器访问的web应用,采用较流行的HTML5,为了提高开发效率节省时间决定采用现有开源框架,免去了自己做设计与兼容性。...一些比较优秀的框架:10大优秀的移动Web应用程序开发框架推荐  最终选择的是 jQuery Mobile ,官方地址:http://jquerymobile.com jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架...能工作在现有主流的智能手机和平板电脑上,且构建于 jQuery 以及 jQuery UI类库之上,用极少的 HTML5、CSS3、JavaScript 和 AJAX 脚本代码就能完成页面的布局渲染。...注意,为了让网页的宽度自动适应手机屏幕的宽度在head标签内加上以下内容: <meta name="viewport" content="width=device-width, initial-scale... $("#selectbar");myswitch[0].selectedIndex = 1;myswitch.slider("refresh");  对于有些组件可能不能满足个性化要求,如日期控件在手机端的选择

    3.4K70

    网页自适配手机端

    博客在手机打开一直不能适配,手机上访问的体验很不好。今天把博客的大部分页面都加了自适配手机端,只要修改每个页面的css 即可。 之前大概知道怎么去改,但是页面太多实在觉得麻烦,就一直没有去改。...当初做博客的时候也没有考虑到手机访问的重要性,所以现在虽然能改,但是也是缝缝补补。 一直想换一套模板的,又觉得要做的实在太多了。不过要想在手机上完美体验还是需要重新做一套前端了,现在先这样用着。...之前呢,考虑到很多人通过链接在手机上打开了我的博客,为了让他们访问加了个电脑访问的提示。通过js判断是否手机打开,如果是就弹窗提示。...css最烦的就是调来调去还差点的,特别是屏幕宽度,就很无语~ 手机适配的话先加个meta viewport。...移动端的布局不同于pc端,首先我们要知道在移动端中,css中的1px并不等于物理上的1px,因为手机屏幕的分辨率已经越来越高,高像素但是屏幕尺寸却没有发生太大变化,那就意味着一个物理像素点实际上塞入了好几个像素

    3.2K30

    Cheerio,服务端的JQuery。

    cheerio 是nodejs特别为服务端定制的,能够快速灵活的对JQuery核心进行实现。它工作于DOM模型上,且解析、操作、呈送都很高效。...特征 熟悉的语法:cheerio实现了jQuery核心的一个子集。 cheerio删除了从jQuery库中和不同浏览器不一致的东西,揭示其真正华丽的API。...极快:cheerio适用于一个非常简单的,一致的DOM模型。 这样解析,操作和呈现是令人难以置信的高效率。 灵活性:cheerio可以解析几乎所有的HTML或XML文档。...: $ = require('cheerio'); $('ul', html); 或者作为根结点: $ = require('cheerio'); $('li', 'ul', html); 小结 本文简单的认识了...PS:cheerio 的 API 和jQuery是非常相似的,可以说是服务器端的jQuery,下面举两个简单的例子说明下: selectors 语法: $( selector, [context], [

    1.2K10
    领券