QQ：

24小時(shí)客服：15069066861

NEWS建網(wǎng)站知識(shí)

濟(jì)南建網(wǎng)站知識(shí)，網(wǎng)站建設(shè)技術(shù)靈魂總結(jié)
Website news, Technical summary of soul

濟(jì)南網(wǎng)站建設(shè)中手機(jī)網(wǎng)站建設(shè)常見問題和功能實(shí)現(xiàn)總結(jié)

點(diǎn)擊次數(shù)：更新時(shí)間：2014-01-21 15:01:43【打印】【關(guān)閉】

由于移動(dòng)互聯(lián)網(wǎng)行業(yè)的興起，很多公司和企業(yè)都開始慢慢想通過手機(jī)互聯(lián)網(wǎng)挖掘客戶和宣傳自己的企業(yè)。濟(jì)南網(wǎng)站建設(shè)的一些公司為了更好的服務(wù)于客戶資源，也逐漸將主營(yíng)業(yè)務(wù)慢慢轉(zhuǎn)向了手機(jī)網(wǎng)站建設(shè)方面，近期由于工作的需要也有幸去建設(shè)了一個(gè)比較簡(jiǎn)單的手機(jī)網(wǎng)站，在前面的文章《濟(jì)南網(wǎng)站建設(shè)中手機(jī)網(wǎng)站建設(shè)定位并實(shí)現(xiàn)地圖標(biāo)記和附近商家實(shí)現(xiàn)方式》中也詳細(xì)的提到過該手機(jī)網(wǎng)站的一些簡(jiǎn)單功能，這篇文章中，我們?cè)敿?xì)介紹在進(jìn)行手機(jī)網(wǎng)站建設(shè)的過程中，遇到的一些常見問題和處理方法。

一、手機(jī)網(wǎng)站編碼形式和網(wǎng)站分辨率情況，網(wǎng)站meta標(biāo)簽書寫技巧

大家都知道，用手機(jī)瀏覽網(wǎng)站不同于用PC瀏覽網(wǎng)站，PC段的網(wǎng)站只需要將網(wǎng)站的寬度設(shè)置為一個(gè)固定的寬度，然后通過CSS代碼，調(diào)整為局中就可以了，而在手機(jī)上瀏覽網(wǎng)站不會(huì)存在網(wǎng)站局中的情況，都應(yīng)該遵循網(wǎng)站在任何手機(jī)上都要全屏顯示的情況，這里就需要對(duì)網(wǎng)站的代碼單獨(dú)設(shè)置meta標(biāo)簽。還有就是對(duì)于手機(jī)網(wǎng)站來說一定要用的是html5的標(biāo)簽，因?yàn)槭謾C(jī)網(wǎng)站上的很多功能都是需要通過html5才能實(shí)現(xiàn)的。詳細(xì)的手機(jī)網(wǎng)站頭部代碼如下圖所示：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>濟(jì)南網(wǎng)站建設(shè)news.jpx001.cn</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>

手機(jī)網(wǎng)站meta標(biāo)簽全分辨率自適應(yīng)

二、實(shí)現(xiàn)手機(jī)網(wǎng)站定位所需要的條件和代碼

移動(dòng)互聯(lián)網(wǎng)之所以如此火爆不僅僅是因?yàn)樗梢噪S時(shí)隨地的可以通過手機(jī)瀏覽互聯(lián)網(wǎng)的任何內(nèi)容，更重要的一點(diǎn)是他可以定位用戶手機(jī)的所在位置，然后通過用戶所在的位置信息獲取到用戶當(dāng)前位置周邊的一些商家、優(yōu)惠信息、加油站等等。當(dāng)然手機(jī)網(wǎng)站也可以實(shí)現(xiàn)這些功能，首先要做的就是需要通過網(wǎng)站對(duì)用戶進(jìn)行定位。網(wǎng)站定位原理是，通過載入谷歌地圖的API，然后獲取到用戶當(dāng)前所在位置的經(jīng)緯度，然后通過經(jīng)緯度將數(shù)據(jù)返回用戶具體位置，具體實(shí)現(xiàn)代碼如下：

①、引用谷歌地圖API的JS文件，（網(wǎng)絡(luò)上有很多，這個(gè)是目前發(fā)現(xiàn)可以返回值最全的一個(gè)）

②、通過HTML5的navigator.geolocation.getCurrentPosition方法，獲得當(dāng)前經(jīng)緯度

手機(jī)提示是否允許獲取當(dāng)前位置信息

三、通過兩點(diǎn)間經(jīng)緯度計(jì)算出兩點(diǎn)間的距離

①、PHP版本：

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

function getdistance($lng1,$lat1,$lng2,$lat2)//根據(jù)經(jīng)緯度計(jì)算距離
{
//將角度轉(zhuǎn)為狐度
$radLat1=deg2rad($lat1);
$radLat2=deg2rad($lat2);
$radLng1=deg2rad($lng1);
$radLng2=deg2rad($lng2);
$a=$radLat1-$radLat2;//兩緯度之差,緯度<90
$b=$radLng1-$radLng2;//兩經(jīng)度之差緯度<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版本：

這個(gè)是將mysql查詢出的信息，按照距離進(jìn)行排序：

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)))

就是兩點(diǎn)見的距離。

手機(jī)定位獲取當(dāng)前經(jīng)緯度

三、PHP獲取漢字首字母，并將漢字按照首字母進(jìn)行分類

<?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(濟(jì)南騰飛網(wǎng)絡(luò));
?>

根據(jù)漢字首字母進(jìn)行排序

寫到最后：

以上是這次在進(jìn)行手機(jī)網(wǎng)站建設(shè)的過程中遇到的一些比較特殊的問題，順便記錄一下，以備下次使用。對(duì)于沒有過類似開發(fā)經(jīng)驗(yàn)或者正準(zhǔn)備進(jìn)行手機(jī)網(wǎng)站開發(fā)的朋友一個(gè)好的參考，盡量的少走一些彎路，直接拿過去使用就可以了。