ในระหว่างการพัฒนาโครงการในปีนี้ฉันเริ่มติดต่อกับการพัฒนาเว็บบนมือถือและฉันได้เรียนรู้ HTML5 ในขณะที่กำลังพัฒนา ฉันใช้เทคโนโลยีมือถือ jQuery เป็นหลัก ฉันพบว่าสิ่งนี้ไม่เหมาะสำหรับผลิตภัณฑ์อินเทอร์เน็ต รูปแบบส่วนใหญ่จะต้องมีการเขียนใหม่และใช้ฟังก์ชั่นบางอย่างเท่านั้น ในระหว่างการพัฒนาเว็บโทรศัพท์มือถือฉันได้สัมผัสกับฟังก์ชั่นการวางตำแหน่งเป็นครั้งแรก ผ่านเครื่องมือค้นหาที่สำคัญฉันพบว่าการวางตำแหน่งของโทรศัพท์มือถือผ่านการวางตำแหน่งเบราว์เซอร์ เมื่อใช้กับเบราว์เซอร์พีซีพรอมต์ "ไม่ว่าจะเปิดใช้งานฟังก์ชั่นการวางตำแหน่ง" จะปรากฏขึ้นเป็นครั้งแรก เมื่อบอสเห็นพรอมต์นี้เขารู้สึกว่าประสบการณ์ของผู้ใช้ไม่ดี ถ้ามันไม่ดีฉันก็จะนำไปใช้ในอีกทางหนึ่ง นี่ไม่ใช่เรื่องใหญ่ ใบหน้าของเจ้านายเปลี่ยนไปอย่างมากและเขากล่าวว่า: ไม่ควรมีประสบการณ์เช่นนี้ เราทำสิ่งนี้เพื่อเร่งรีบและปล่อยคุณสมบัติใหม่โดยเร็วที่สุด
1. วิธีการวางตำแหน่งเว็บโทรศัพท์มือถือ:
การคัดลอกรหัสมีดังนี้:
var getLocation = function (successFunc, errorfunc) {// successFunc ได้รับฟังก์ชั่นการโทรกลับสำหรับการวางตำแหน่งที่ประสบความสำเร็จข้อผิดพลาดจะได้รับการเรียกกลับล้มเหลวในการวางตำแหน่ง
// ตั้งค่าเมืองเริ่มต้นก่อน
var defcity = {
ID: '000001',
ชื่อ: 'ปักกิ่ง',
วันที่: curdatetime () // รับวิธีเวลาปัจจุบัน
-
// เมืองเริ่มต้น
$ .COOKIE ('VPIAO_MOBILE_DEFAULTCITY', JSON.STRINGIFY (defCity), {หมดอายุ: 1, เส้นทาง: '/'});
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition (ฟังก์ชั่น (ตำแหน่ง) {
var lat = position.coords.latitude;
var lon = positive.coords.longitude;
// var map = ใหม่ bmap.map ("คอนเทนเนอร์"); // สร้างอินสแตนซ์แผนที่
var point = ใหม่ bmap.point (lon, lat); // สร้างพิกัดจุด
var gc = ใหม่ bmap.geocoder ();
gc.getLocation (จุด, ฟังก์ชัน (rs) {
var addComp = rs.addressComponents;
var curcity = {
id: '',
ชื่อ: addComp.province
วันที่: Curdatetime ()
-
// ปัจจุบันตั้งอยู่เมือง
$ .COOKIE ('VPIAO_MOBILE_CURRENTCITY', JSON.STRINGIFY (CURCITY), {หมดอายุ: 7, PATH: '/'});
//alert(addComp.province + "," + addComp.city + "," + addComp.District + "," + addComp.street);
if (SuccessFunc! = ไม่ได้กำหนด)
SuccessFunc (addComp);
-
-
ฟังก์ชั่น (ข้อผิดพลาด) {
switch (error.code) {
กรณีที่ 1:
การแจ้งเตือน ("บริการตำแหน่งปฏิเสธ");
หยุดพัก;
กรณีที่ 2:
การแจ้งเตือน ("ข้อมูลตำแหน่งไม่สามารถรับได้ตลอดเวลา");
หยุดพัก;
กรณีที่ 3:
การแจ้งเตือน ("รับการหมดเวลาข้อมูลตำแหน่ง");
หยุดพัก;
ค่าเริ่มต้น:
การแจ้งเตือน ("ข้อผิดพลาดที่ไม่รู้จัก");
หยุดพัก;
-
var curcity = {
ID: '000001',
ชื่อ: 'ปักกิ่ง',
วันที่: Curdatetime ()
-
// เมืองเริ่มต้น
$ .COOKIE ('VPIAO_MOBILE_DEFAULTCITY', JSON.STRINGIFY (CURCITY), {หมดอายุ: 1, PATH: '/'});
if (errorfunc! = ไม่ได้กำหนด)
Errorfunc (ข้อผิดพลาด);
}, {หมดเวลา: 5000, enablehighcuracy: true});
} อื่น {
การแจ้งเตือน ("เบราว์เซอร์ของคุณไม่สนับสนุนการรับข้อมูลตำแหน่งทางภูมิศาสตร์");
if (errorfunc! = ไม่ได้กำหนด)
ERRORFUNC ("เบราว์เซอร์ของคุณไม่สนับสนุนการรับข้อมูลตำแหน่งทางภูมิศาสตร์");
-
-
var showposition = function (ตำแหน่ง) {
var lat = position.coords.latitude;
var lon = positive.coords.longitude;
// var map = ใหม่ bmap.map ("คอนเทนเนอร์"); // สร้างอินสแตนซ์แผนที่
var point = ใหม่ bmap.point (lon, lat); // สร้างพิกัดจุด
var gc = ใหม่ bmap.geocoder ();
gc.getLocation (จุด, ฟังก์ชัน (rs) {
var addComp = rs.addressComponents;
var curcity = {
id: '',
ชื่อ: addComp.province
วันที่: Curdatetime ()
-
// ปัจจุบันตั้งอยู่เมือง
$ .COOKIE ('VPIAO_MOBILE_CURRENTCITY', JSON.STRINGIFY (CURCITY), {หมดอายุ: 7, PATH: '/'});
//alert(addComp.province + "," + addComp.city + "," + addComp.District + "," + addComp.street);
-
-
var showpositionError = function (ข้อผิดพลาด) {
switch (error.code) {
กรณีที่ 1:
การแจ้งเตือน ("บริการตำแหน่งปฏิเสธ");
หยุดพัก;
กรณีที่ 2:
การแจ้งเตือน ("ข้อมูลตำแหน่งไม่สามารถรับได้ตลอดเวลา");
หยุดพัก;
กรณีที่ 3:
การแจ้งเตือน ("รับการหมดเวลาข้อมูลตำแหน่ง");
หยุดพัก;
ค่าเริ่มต้น:
การแจ้งเตือน ("ข้อผิดพลาดที่ไม่รู้จัก");
หยุดพัก;
-
var curcity = {
ID: '000001',
ชื่อ: 'ปักกิ่ง',
วันที่: Curdatetime ()
-
// เมืองเริ่มต้น
$ .COOKIE ('VPIAO_MOBILE_DEFAULTCITY', JSON.STRINGIFY (CURCITY), {หมดอายุ: 1, PATH: '/'});
-
ข้อกำหนดเบื้องต้นคือการแนะนำ baidu api: <script src = "http://api.map.baidu.com/api?v=1.4" type = "text/javascript"> </script>
2. ด้านพีซีใช้วิธี IP:
การใช้อินเทอร์เฟซที่จัดทำโดย Tencent ไม่สามารถใช้งานได้อีกต่อไป
การคัดลอกรหัสมีดังนี้:
<script type = "text/javaScript" src = "http://fw.qq.com/ipaddress"> </pript>
<script type = "text/javascript">
document.write (ipdata [0]); // แสดงที่อยู่ IP
document.write (ipdata [2]); // แสดงบันทึก
document.write (ipdata [3]); // แสดงเมือง
</script>
Adopt Sina Interface: http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js
วิธีการทดสอบหลายภูมิภาค: http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=127.0.0.1
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
$ .getScript ('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js', ฟังก์ชั่น (_Result) {
if (remote_ip_info.ret == '1') {
การแจ้งเตือน ('ประเทศ:' + remote_ip_info.country + '<br> จังหวัด:' + remote_ip_info.province + '<br> เมือง:' + remote_ip_info.city + '<br> local:' + remote_ip_info.district + ' remote_ip_info.type + '<br> อื่น ๆ :' + remote_ip_info.desc);
} อื่น {
การแจ้งเตือน ('ไม่พบข้อมูลที่อยู่ IP ที่ตรงกัน!');
-
-
</script>
NetEase YouDao IP Address Interface (นี่คือการทดสอบ)
http://www.youdao.com/smartresult-xml/search.s?type=ip&q=ip ที่อยู่
อินเทอร์เฟซคำขอ TAOBAO (รับ)
การคัดลอกรหัสมีดังนี้:
<script>
var ip = "124.127.108.133";
var url = "http://ip.taobao.com/service/getipinfo.php?ip=" + ip;
$ .getJson (url, function (json) {
var myprovince2 = json.data.area;
var mycity2 = json.data.region;
การแจ้งเตือน ("เมืองของคุณคือ:" + MyProvince2 + MyCity2);
-
</script>
อินเตอร์เฟส API ที่อยู่ IP Pacific IP
http://whois.pconline.com.cn/?ip= [สตริงที่อยู่
นอกจากนี้: Google, Sohu และอินเทอร์เฟซอื่น ๆ ให้อินเทอร์เฟซที่สอดคล้องกันคุณสามารถลองด้วยตัวเอง
อินเตอร์เฟสการสืบค้นที่อยู่ IP ของ SOHU (GBK เริ่มต้น): http://pv.sohu.com/cityjson
อินเตอร์เฟสการสืบค้นที่อยู่ IP SOHU (สามารถตั้งค่าการเข้ารหัส): http://pv.sohu.com/cityjson?ie=utf-8
อินเทอร์เฟซการสืบค้นที่อยู่ IP อื่น ๆ ของ Sohu: http://txt.go.sohu.com/ip/soip
3. รับวิธี IP ไคลเอนต์
การคัดลอกรหัสมีดังนี้:
<script>
var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + math.random ();
$ .getJson (url, function (data) {
Alert (data.ip);
-
</script>
นั่นคือทั้งหมดวันนี้ ยังมีงานอีกมากที่ต้องทำให้เสร็จ คุณสามารถลองอินเทอร์เฟซอื่น ๆ เมื่อคุณมีเวลา ทุกคนยินดีที่จะมาและให้วิธีการที่ดีกว่า