<noframes id="797jn">

      <noframes id="797jn">

          <noframes id="797jn"><address id="797jn"></address>
          <address id="797jn"><nobr id="797jn"></nobr></address>
          QQ:在線客服

          24小時客服:15069066861 建站流程

          NEWS建網站知識

          濟南建網站知識,網站建設技術靈魂總結
          Website news, Technical summary of soul

          濟南網站建設中手機網站建設常見問題和功能實現總結

          點擊次數:更新時間:2014-01-21 15:01:43【打印】【關閉】

                  由于移動互聯網行業的興起,很多公司和企業都開始慢慢想通過手機互聯網挖掘客戶和宣傳自己的企業。濟南網站建設的一些公司為了更好的服務于客戶資源,也逐漸將主營業務慢慢轉向了手機網站建設方面,近期由于工作的需要也有幸去建設了一個比較簡單的手機網站,在前面的文章《濟南網站建設中手機網站建設定位并實現地圖標記和附近商家實現方式》中也詳細的提到過該手機網站的一些簡單功能,這篇文章中,我們詳細介紹在進行手機網站建設的過程中,遇到的一些常見問題和處理方法。

           

          濟南網站建設中手機網站建設常見問題和功能實現總結

          一、手機網站編碼形式和網站分辨率情況,網站meta標簽書寫技巧

                  大家都知道,用手機瀏覽網站不同于用PC瀏覽網站,PC段的網站只需要將網站的寬度設置為一個固定的寬度,然后通過CSS代碼,調整為局中就可以了,而在手機上瀏覽網站不會存在網站局中的情況,都應該遵循網站在任何手機上都要全屏顯示的情況,這里就需要對網站的代碼單獨設置meta標簽。還有就是對于手機網站來說一定要用的是html5的標簽,因為手機網站上的很多功能都是需要通過html5才能實現的。詳細的手機網站頭部代碼如下圖所示:

          <!DOCTYPE html>
          <html>
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
          <title>濟南網站建設www.mikesblock.com</title>
          <meta charset="UTF-8">
          <meta name="HandheldFriendly" content="True">
          <meta http-equiv="format-detection" content="telephone=no">
          <meta name="viewport" content="width=320,user-scalable=no">
          <link href="{CSS_PATH}main320.css" type="text/css" rel="stylesheet">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge">
          <meta name="apple-mobile-web-app-status-bar-style" content="black">
          <meta name="apple-mobile-web-app-capable" content="yes">
          </head>

           

          手機網站meta標簽全分辨率自適應

          二、實現手機網站定位所需要的條件和代碼

                  移動互聯網之所以如此火爆不僅僅是因為他可以隨時隨地的可以通過手機瀏覽互聯網的任何內容,更重要的一點是他可以定位用戶手機的所在位置,然后通過用戶所在的位置信息獲取到用戶當前位置周邊的一些商家、優惠信息、加油站等等。當然手機網站也可以實現這些功能,首先要做的就是需要通過網站對用戶進行定位。網站定位原理是,通過載入谷歌地圖的API,然后獲取到用戶當前所在位置的經緯度,然后通過經緯度將數據返回用戶具體位置,具體實現代碼如下:

                  ①、引用谷歌地圖API的JS文件,(網絡上有很多,這個是目前發現可以返回值最全的一個)

          <script type="text/javascript" language="javascript" src="http://www.google.com/jsapi?key=_YOUR_GOOGLE_API_KEY_HERE_"></script>

                  ②、通過HTML5的navigator.geolocation.getCurrentPosition方法,獲得當前經緯度

          <script>
          function getLocation(){
            if (navigator.geolocation)
              {
              navigator.geolocation.getCurrentPosition(showPosition,showError);
              }
            }
          function showPosition(position)
            {
                  var lat = position.coords.latitude;    //此處是當前位置的經度信息,可通過alert直接輸出,或通過URL方法、AJAX方法傳遞給PHP。
                  var lng = position.coords.longitude;   //此處是當前位置的緯度信息,可通過alert直接輸出,或通過URL方法、AJAX方法傳遞給PHP。
                     
              if( google.loader.ClientLocation.address.city) {
                  var locationCity = google.loader.ClientLocation.address.city;  //此處是獲得當前位置所在城市的名字,返回當前位置的英文全拼。
                  var chengshi = locationCity.toLowerCase();  //此處是獲得當前位置所在城市的名字,返回當前位置的英文全拼。
              }
                  
            }
                    


          function showError(error)
            {
            switch(error.code)
              {
              case error.PERMISSION_DENIED:
                x.innerHTML="User denied the request for Geolocation."
                break;
              case error.POSITION_UNAVAILABLE:
                x.innerHTML="Location information is unavailable."
                break;
              case error.TIMEOUT:
                x.innerHTML="The request to get user location timed out."
                break;
              case error.UNKNOWN_ERROR:
                x.innerHTML="An unknown error occurred."
                break;
              }
            }

          </script>
           

          手機提示是否允許獲取當前位置信息

          三、通過兩點間經緯度計算出兩點間的距離

                  ①、PHP版本:

          <?php
          function rad($d)
          {
          return $d * 3.1415926535898 / 180.0;
          }

          function getdistance($lng1,$lat1,$lng2,$lat2)//根據經緯度計算距離
          {
          //將角度轉為狐度
          $radLat1=deg2rad($lat1);
          $radLat2=deg2rad($lat2);
          $radLng1=deg2rad($lng1);
          $radLng2=deg2rad($lng2);
          $a=$radLat1-$radLat2;//兩緯度之差,緯度<90
          $b=$radLng1-$radLng2;//兩經度之差緯度<180
          $s=2*asin(sqrt(pow(sin($a/2),2)+cos($radLat1)*cos($radLat2)*pow(sin($b/2),2)))*6378.137;
          return $s;
          }

          echo round(getdistance($lat1, $lng1, $lat2, $lng2)*1000,2);

          ?>  

                  ②、MYSQL版本:

          這個是將mysql查詢出的信息,按照距離進行排序:

          SELECT * FROM  $zhekou  order by  2 * 6378.137* ASIN(SQRT(POW(SIN(PI()*($lat1-lat)/360),2)+COS(PI()*$lat1/180)* COS(lat * PI()/180)*POW(SIN(PI()*($lng1-lng)/360),2))) asc

          其中:2 * 6378.137* ASIN(SQRT(POW(SIN(PI()*($lat1-lat)/360),2)+COS(PI()*$lat1/180)* COS(lat * PI()/180)*POW(SIN(PI()*($lng1-lng)/360),2)))

          就是兩點見的距離。

           

          手機定位獲取當前經緯度

          三、PHP獲取漢字首字母,并將漢字按照首字母進行分類

          <?php
          function getfirstchar($s0){
          $firstchar_ord=ord(strtoupper($s0{0}));
          if (($firstchar_ord>=65 and $firstchar_ord<=91)or($firstchar_ord>=48 and $firstchar_ord<=57)) return $s0{0};
          //$s=iconv("UTF-8","gb2312", $s0);
          $s=$s0;
          $asc=ord($s{0})*256+ord($s{1})-65536;
          if($asc>=-20319 and $asc<=-20284)return "A";
          if($asc>=-20283 and $asc<=-19776)return "B";
          if($asc>=-19775 and $asc<=-19219)return "C";
          if($asc>=-19218 and $asc<=-18711)return "D";
          if($asc>=-18710 and $asc<=-18527)return "E";
          if($asc>=-18526 and $asc<=-18240)return "F";
          if($asc>=-18239 and $asc<=-17923)return "G";
          if($asc>=-17922 and $asc<=-17418)return "H";
          if($asc>=-17417 and $asc<=-16475)return "J";
          if($asc>=-16474 and $asc<=-16213)return "K";
          if($asc>=-16212 and $asc<=-15641)return "L";
          if($asc>=-15640 and $asc<=-15166)return "M";
          if($asc>=-15165 and $asc<=-14923)return "N";
          if($asc>=-14922 and $asc<=-14915)return "O";
          if($asc>=-14914 and $asc<=-14631)return "P";
          if($asc>=-14630 and $asc<=-14150)return "Q";
          if($asc>=-14149 and $asc<=-14091)return "R";
          if($asc>=-14090 and $asc<=-13319)return "S";
          if($asc>=-13318 and $asc<=-12839)return "T";
          if($asc>=-12838 and $asc<=-12557)return "W";
          if($asc>=-12556 and $asc<=-11848)return "X";
          if($asc>=-11847 and $asc<=-11056)return "Y";
          if($asc>=-11055 and $asc<=-10247)return "Z";
          return null;
          }

          echo getfirstchar(濟南騰飛網絡);
          ?>

           

          根據漢字首字母進行排序

          寫到最后:

                  以上是這次在進行手機網站建設的過程中遇到的一些比較特殊的問題,順便記錄一下,以備下次使用。對于沒有過類似開發經驗或者正準備進行手機網站開發的朋友一個好的參考,盡量的少走一些彎路,直接拿過去使用就可以了。

          本文相關代碼下載:

          Ⅰ、手機網站定位實現代碼

          Ⅱ、通過兩點之間的經緯度,計算兩點間的距離代碼PHP版本

          Ⅲ、通過兩點之間的經緯度,計算兩點間的距離代碼MYSQL版本

          Ⅳ、通過PHP獲取漢字首字母,并進行排序代碼

           

          您可能對以下文章也感興趣:

          濟南網站建設中手機網站建設定位并實現地圖標記和附近商家實現方式

          濟南網站建設不同功能模塊報價詳細說明

          深入分析濟南網站建設客戶需求

          如何提高濟南網站建設用戶的生命周期

           

          濟南網站建設成功案例更多
          底部線條

          7x24小時服務熱線:15069066861   網站建設博客

          陈冠希视频

            <noframes id="797jn">

              <noframes id="797jn">

                  <noframes id="797jn"><address id="797jn"></address>
                  <address id="797jn"><nobr id="797jn"></nobr></address>