通過手機端訪問PC端網頁專案
1、前言
平時,我們在PC端編寫的程式碼一般來說都可以直接在PC上面檢視,展示,但是我們苦於不能再手機或者其他裝置上面展示,現在我們的介面想要在移動端裝置上邊展示、縮放等操作,就需要一些所謂的工具是必不可少的,往往需要ViewPort,以此來限制使用者的某些操作。
2、常用的兩種ViewPort
(1)設定螢幕寬度為裝置寬度,禁止使用者手動調整縮放
<meta name="viewport" content="width=device-width,user-scalable=no"/>
(2)設定螢幕密度為高頻,中頻、低頻自動縮放,禁止使用者手動調整縮放
<meta name="viewport" content="width=device-width", target-density dpi=high-dpi,initial-scale=1.0,
minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
問題:對於PC端沒法操作介面縮放,這首我們就需要將我們網頁放入我們手機端去執行,如何新增是個問題?
3、前期準備
準備工具:XAMPP
那我們先了解一下XAMPP是個什麼東西?XAMPP(Apache+MySQL+PHP+PERL)是一個功能強大的建站整合軟體包,前期是LAMPP,為了避免誤解,後期改名為XAMPP,可以在linux,window,Mac上安裝使用。
接下來:
①首先下載最新版本的XAMPP
1.7.7 for Windows
Apache 2.2.21
MySQL 5.5.16
PHP 5.3.8
phpMyAdmin 3.4.5
FileZilla FTP Server 0.9.39
Tomcat 7.0.21 (with mod_proxy_ajp as connector)
②安裝或者解壓下載檔案。本機下載的是ZIP包,解壓地址為:F:\xampp
開啟XAMPP 所在的資料夾,並執行其中的“setup-xampp.bat”,然後點選“xampp-control.exe”。xampp1.7.7上已經整合了Tomcat7了,不用再去下載connector了,然後配置檔案,省了不少時間。
然後將你的projects(web,java,php)等直接放在Tomcat目錄(D:\xampp\tomcat\webapps)就可以通過手機來訪問了
你需要用你電腦上ip(直接ipconfig出來的ipv4)就是你的地址,加上專案目錄,就可以展示了
還有一箇中方法你需呀知道,通過編輯器HBulider
這個是通過網頁進行編輯的並且可以直接通過二維碼的方式直接開啟我們的網頁。