Während der diesjährigen Projektentwicklung kam ich zunächst mit der Entwicklung der mobilen Web in Kontakt und lernte HTML5 während der Entwicklung. Ich habe hauptsächlich JQuery Mobile Technology verwendet. Ich fand, dass dies nicht für Internetprodukte geeignet ist. Die meisten Stile müssen neu geschrieben werden, und es werden nur einige Funktionen verwendet. Während der Entwicklung des Mobiltelefons war ich zum ersten Mal der Positionierungsfunktion ausgesetzt. Über große Suchmaschinen stellte ich fest, dass die Positionierung des Mobiltelefons über die Browserpositionierung erfolgt. Wenn Sie im PC -Browser verwendet werden, wird zum ersten Mal die Eingabeaufforderung "Ob die Positionierungsfunktion aktiviert" angezeigt. Als Boss diese Aufforderung sah, war er der Meinung, dass die Erfahrung des Benutzers nicht gut war. Wenn es nicht gut wäre, würde ich es einfach auf andere Weise implementieren. Das ist keine große Sache. Das Gesicht des Chefs veränderte sich drastisch und er sagte: Es sollte keine solche Erfahrung geben. Wir tun dies, um so schnell wie möglich neue Funktionen zu veröffentlichen und zu veröffentlichen.
1. Mobiltelefon -Webpositionierungsmethode:
Die Codekopie lautet wie folgt:
var getLocation = function (SuccessFunc, ERRORFUNC) {// SUCCEKFUNC Ruft die Rückruffunktion für eine erfolgreiche Positionierung ab, Fehlerfunc erhält die Rückrufversorgung fehlgeschlagene Positionierung
// Stellen Sie die Standardstadt zuerst fest
var defcity = {
ID: '000001',
Name: 'Peking',
Datum: Curdatetime () // Erhalten Sie die aktuelle Zeitmethode
};
// Standardstadt
$ .cookie ('vpiao_mobile_defaultCity', Json.Stringify (DefCity), {ablehnt: 1, Pfad: '/'});
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition (Funktion (Position) {{
var lat = Position.coords.latitude;
var lon = Position.coords.longitude;
// var map = new bmap.map ("Container"); // Erstellen Sie eine Karteninstanz
var point = neuer BMAP.Point (Lon, Lat); // Punktkoordinaten erstellen
var gc = new bmap.geocoder ();
gc.getLocation (Punkt, Funktion (rs) {
var addComp = rs.addresscomponents;
var curcity = {
Ausweis: '',
Name: addComp.province,
Datum: Curdatetime ()
};
// derzeit gelegene Stadt
$ .cookie ('vpiao_mobile_currentcity', json.stringify (curcity), {läuft: 7, Pfad: '/'});
//alert(addcomp.province + "," + addComp.City + "," + addComp.district + "," + addComp.street);
if (successfunc! = undefiniert)
SuccessFunc (addComp);
});
},
Funktion (Fehler) {
Switch (error.code) {
Fall 1:
Alert ("Standortdienst verweigert.");
brechen;
Fall 2:
ALERT ("Standortinformationen können vorerst nicht erhalten werden.");
brechen;
Fall 3:
Warnung ("Standortinformationen abrufen");
brechen;
Standard:
Alert ("Unbekannter Fehler.");
brechen;
}
var curcity = {
ID: '000001',
Name: 'Peking',
Datum: Curdatetime ()
};
// Standardstadt
$ .cookie ('vpiao_mobile_defaultCity', json.Stringify (curcity), {abläuft: 1, Pfad: '/'});
if (Fehlerfunc! = undefiniert)
ERRORFUNC (ERROR);
}, {timeout: 5000, enableHighAccuracy: true});
} anders {
ALERT ("Ihr Browser unterstützt keine Geolokalisierungsinformationen.");
if (Fehlerfunc! = undefiniert)
ERRORFUNC ("Ihr Browser unterstützt keine Geolokalisierungsinformationen.");
}
};
var showposition = function (Position) {
var lat = Position.coords.latitude;
var lon = Position.coords.longitude;
// var map = new bmap.map ("Container"); // Erstellen Sie eine Karteninstanz
var point = neuer BMAP.Point (Lon, Lat); // Punktkoordinaten erstellen
var gc = new bmap.geocoder ();
gc.getLocation (Punkt, Funktion (rs) {
var addComp = rs.addresscomponents;
var curcity = {
Ausweis: '',
Name: addComp.province,
Datum: Curdatetime ()
};
// derzeit gelegene Stadt
$ .cookie ('vpiao_mobile_currentcity', json.stringify (curcity), {läuft: 7, Pfad: '/'});
//alert(addcomp.province + "," + addComp.City + "," + addComp.district + "," + addComp.street);
});
};
var showPositionError = Funktion (Fehler) {
Switch (error.code) {
Fall 1:
Alert ("Standortdienst verweigert.");
brechen;
Fall 2:
ALERT ("Standortinformationen können vorerst nicht erhalten werden.");
brechen;
Fall 3:
Warnung ("Standortinformationen abrufen");
brechen;
Standard:
Alert ("Unbekannter Fehler.");
brechen;
}
var curcity = {
ID: '000001',
Name: 'Peking',
Datum: Curdatetime ()
};
// Standardstadt
$ .cookie ('vpiao_mobile_defaultCity', json.Stringify (curcity), {abläuft: 1, Pfad: '/'});
};
Die Voraussetzung besteht darin, Baidu API vorzustellen: <script src = "http://api.map.baidu.com/api?v=1.4" type = "text/javascript"> </script>
2. PC Side implementiert die IP -Methode:
Mit der von Tencent bereitgestellten Schnittstelle ist dies nicht mehr verfügbar
Die Codekopie lautet wie folgt:
<script type = "text/javascript" src = "http://fw.qq.com/ipaddress"> </script>
<script type = "text/javaScript">
document.write (ipdata [0]); // IP -Adresse anzeigen
document.write (ipdata [2]); // Save Save
document.write (ipdata [3]); // Zeig die Stadt
</script>
Adoptieren Sie Sina Interface: http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js
Multi-Region-Testmethode: http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=127.0.0.1
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
$ .getscript ('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js', Funktion (_result) {
if (remote_ip_info.ret == '1') {
alert ('land:' + remote_ip_info.country + '<br> Provinz:' + remote_ip_info.province + '<br> Stadt:' + remote_ip_info.city + '<br> lokal:' + remote_ip_info.district + <br> issp: remote_ip_info.type + '<br> Andere:' + remote_ip_info.desc);
} anders {
ALERT ('Keine übereinstimmenden IP -Adressinformationen gefunden!');
}
});
</script>
NetEase YouDao IP -Adressschnittstelle (dies ist getestet)
http://www.youdao.com/smartresult-xml/search.s?type=IP&q=IP-Adresse
Taobao -Anforderungsschnittstelle (get)
Die Codekopie lautet wie folgt:
<Script>
var ip = "124.127.108.133";
var url = "http://ip.taobao.com/service/getipinfo.php?ip=" + ip;
$ .getJson (URL, Funktion (JSON) {
var MyProvince2 = json.data.Area;
var mycity2 = json.data.region;
Alarm ("Deine Stadt ist:" + MyProvince2 + MyCity2);
});
</script>
Pazifische IP -Adressbibliothek -API -Schnittstelle
http://whois.pconline.com.cn/?ip=-- Adresszeichenfolge]
Zusätzlich: Google, Sohu und andere Schnittstellen bieten entsprechende Schnittstellen und können es selbst ausprobieren.
Sohu IP -Adresse Abfrageschnittstelle (Standard GBK): http://pv.sohu.com/cityjson
Sohu IP-Adress-Abfrageschnittstelle (Codierung kann festgelegt werden): http://pv.sohu.com/cityjson?ie=UTF-8
Die andere IP -Adress -Abfrageschnittstelle von Sohu: http://txt.go.sohu.com/ip/soip
3. Ermitteln Sie die Client -IP -Methode
Die Codekopie lautet wie folgt:
<Script>
var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + math.random ();
$ .getJson (URL, Funktion (Daten) {
Alert (Data.IP);
});
</script>
Das ist alles heute. Es gibt noch viel zu vervollständigen. Sie können andere Schnittstellen ausprobieren, wenn Sie Zeit haben. Jeder ist herzlich eingeladen, bessere Methoden zu bieten.