<code id="6mcsu"></code>
<li id="6mcsu"></li>
<li id="6mcsu"><dl id="6mcsu"></dl></li>
  • <code id="6mcsu"><tr id="6mcsu"></tr></code>
    或者

    未央教你如何寫移動適配規則

    作者:奮青 瀏覽:148 發布時間:2017-09-01
    分享 評論 0

    我依然經常在群里或其它地方看到、聽到有人說,移動適配規則到底怎么寫?為什么我的適配失敗?當然適配失敗情況有多種,其實很多還是因為適配規則沒寫對。今天我就來說一說適配規則的寫法。


    說到移動適配,首先必須要提到的一個概念就是“正則表達式”,所以上面說,對于懂點技術的人來說,可能都懂點正則表達式,對于不懂的人來說,正則表達式就是個很復雜的東西(其實對于懂的人來說也很復雜),但很慶幸的是,移動適配所需要了解的正則表達式知識很簡單。


    對于不懂正則表達式的人來說,可能不知道這是個什么東西,但你應該知道另一個概念叫“通配符”,通配符大家應該都了解,比如中學時老師就教我們說,你在windows搜索時,使用“*.jpg”就是搜索所有jpg的圖片,因為星號“*”表示匹配任意個字符,現在暫且不說通配符和正則表達式的區別,你只要知道,反正不管通配符或正則表達式都是用來文本匹配的就行了。



    正則表達式和通配符一樣,不同的字符表示不同的含義,比如:


    代碼 說明

    . 匹配除換行符以外的任意字符

    \w 匹配字母或數字或下劃線或漢字

    \s 匹配任意的空白符

    \d 匹配數字

    \b 匹配單詞的開始或結束

    ^ 匹配字符串的開始

    $ 匹配字符串的結束




    當然還有很多其它的,而且不同的組合方式會匹配出非常復雜的文本。


    但對于百度移動適配,實際上就是利用正則表達式來替換PC和移動URL中動態可替換的一些參數。


    比如:PC頁面URL為:www.baidu.com/1.html,移動頁面URL為:m.baidu.com/1.html,其中的數字1就是可替換的動態參數,因為它可能變成2、3、4等又是另外的頁面了。所以我們就可以用:www.baidu.com/(\d+).html,以此來匹配www.baidu.com/{這里是數字}.html的所有頁面。移動頁面URL直接用${1},${2},……來表示這個鏈接被替換了多少個參數即可,所以我們該移動頁面URL規則為:m.baidu.com/${1}.html


    其中\d 就表示匹配一個數字,\d+ 由于多了個加號,就表示匹配多個數字。



    同理,比如:PC頁面URL為:www.baidu.com/a.html,移動頁面URL為:m.baidu.com/a.html,其中的字母a就是可替換的動態參數,因為它可能變成b、c、d等又是另外的頁面了。所以我們就可以用:www.baidu.com/([a-zA-Z]+).html,以此來匹配www.baidu.com/{這里是字母}.html的所有頁面。同樣,我們該移動頁面URL規則還是為:m.baidu.com/${1}.html


    其中[a-zA-Z]就表示匹配一個字母,[a-zA-Z]+ 由于多了個加號,就表示匹配多個字母。

    當然你會想,正則表達式這么復雜,我要遇到很復雜的URL該怎么匹配,其實,百度現在僅僅只支持簡單的幾個正則表達式:



    a)確定都是數字的,則用 (\d+)表示

    b)確定都是字母的,則用 ([a-zA-Z]+) 表示

    c)確定是字母數字混合,則用 ([a-zA-Z0-9]+) 表示

    d)確定是字母數字下劃線混合,則用 (\w+) 表示

    只有在pattern的粒度無法用上述a和b形式表示時,才用c形式表示;

    只有在pattern粒度無法用a、b、c表示時,則才用d形式表示。


    如果這4種規則都無法滿足你的需求,那很不幸的告訴你,你就只能試用URL適配了。



    如果你還是對移動適配規則寫法不太懂,那可以參考百度站長學院的移動適配工具幫助,再看我這篇文章,你應該會有一個深的了解。


    久久午夜伦鲁片免费无码| 中文无码人妻有码人妻中文字幕 | 国产AV无码专区亚洲AWWW| 精品久久久久久无码国产| 中文字幕精品无码一区二区三区| 精品久久亚洲中文无码| 老司机亚洲精品影院无码| 国产亚洲精久久久久久无码77777 国产又爽又黄无码无遮挡在线观看 | 国产在线观看无码免费视频 | 久久青青草原亚洲av无码app | 曰韩精品无码一区二区三区| 日本乱中文字幕系列观看| 无码精品第一页| 国产精品99精品无码视亚| 亚洲AV无码片一区二区三区| 中文字幕永久一区二区三区在线观看| 久久无码中文字幕东京热| 亚洲男人在线无码视频| 国产精品成人无码久久久久久 | 亚洲成A人片在线观看无码不卡| 中文字幕av在线| 久久精品aⅴ无码中文字字幕重口| 日韩精品无码人妻一区二区三区 | 狠狠精品久久久无码中文字幕| 亚洲AV永久无码精品| 亚洲国产AV无码专区亚洲AV | 无码人妻一区二区三区兔费| 在线精品无码字幕无码AV| 中文字幕在线无码一区二区三区| 中文字幕在线资源| avtt亚洲一区中文字幕| 天堂网www中文在线资源| 亚洲精品97久久中文字幕无码| 国产乱码精品一区二区三区中文| 中文字幕人妻无码系列第三区| 日韩电影无码A不卡| 亚洲成?v人片天堂网无码| 亚洲精品一级无码中文字幕| 亚洲一区无码中文字幕| 亚洲制服中文字幕第一区| 一区二区三区在线观看中文字幕|