최근에 우리는 팀의 프로젝트 "Wings of Coffee"로 바빴으며, 여기서 모바일 플랫폼에 대한 훌륭한 경험을 제공합니다. Android 플랫폼의 번영과 함께. 국내 스마트 폰 산업을 이끌어 냈을뿐만 아니라 많은 국내 개발자들도 안드로이드 모바일 터미널의 큰 물결에 전념하기 시작했습니다. 많은 인터넷 파도를 놓쳤다면. 그렇다면이 안드로이드 웨이브를 놓치지 않아야합니다. 현재, 우리는 "커피 윙스"를위한 모바일 터미널 및 안드로이드 클라이언트를 개발했습니다. 모든 사람은 Android 또는 iOS 운영 체제 휴대 전화를 사용하고 도메인 이름 www.sygxy.cn에 직접 액세스하여 모바일 터미널 효과를 시청합니다. 동시에 Android Clients는 Tencent의 "Application Treasure"및 "Baidu Mobile Assistant"응용 프로그램 저장소에서 시작되었습니다. "Wings of Coffee"를 직접 검색하여 다운로드 할 수 있습니다. 프로모션 없이는 1 주일 동안 만 출시되었으며 100 개가 넘는 다운로드가 있습니다.
모바일 터미널을 최적화 해야하는 경우 클라이언트 액세스 장치가 무엇인지 결정하는 것입니다. 판단 결과를 통해 사용할 수없는 도메인 이름 주소를 반환 한 다음 다른 CSS 파일을로드하십시오.
우리가 사용하는 판단 방법은 사용자 에이전트 가치를 통해 판단하는 것입니다. JavaScript 프레임 워크에서 Navigator Object의 UserAgent 속성을 사용하십시오. 네비게이터 개체에 대한 공개 표준은 없지만이 객체는 이제 시장의 모든 브라우저에서 지원됩니다. UserAgent 속성을 사용하여 클라이언트가 보낸 서버의 사용자 에이전트 헤더 값을 반환하십시오. 헤더 정보에는 서버, 사용자 클라이언트의 브라우저 및 운영 체제 정보에 사용되는 헤더 정보에 사용자 에이전트가 있습니다. 일반 표현식을 사용하여 사용자 에이전트 값을 얻으십시오. 로컬 가치로 결정하십시오. 이 일치하는 값은 Android 또는 iOS와 같은 모바일 운영 체제이거나 브라우저의 이름 일 수 있습니다. 일치가 있으면 점프하면 점프하지 않으면 PC 쪽의 홈페이지로 직접 이동하지 않습니다.
특정 코드 구현의 경우 JavaScript 스크립트 언어를 사용하여 웹 사이트의 휴대 성을 향상시킵니다. 제 생각에는이 기술을 사용하면 두 가지 장점이 있습니다.
1 : 웹 사이트의 휴대 성을 향상시킬 수 있습니다. 우리 팀이 후속 웹 프로젝트에서 모바일 터미널의 효과를 다시 추가 해야하는 경우 JS 코드 의이 부분을 쉽게 소개하여 판단 할 수 있습니다. 미래의 업무 효율성을 향상시킵니다.
2 : 두 번째 요점은 웹 프로그램이 사용되지 않은 인터페이스에로드하도록 촉진하는 것입니다.
특정 구현 :
액세스를 판단하기 위해 스크립트를 추출합니다. 클라이언트 터미널에서 페이지를 판단 해야하는 경우 <Script> </script>를 직접 사용하여 페이지에 스크립트 프로그램을 소개합니다. 특정 판단 코드는 다음과 같습니다.
코드 사본은 다음과 같습니다.
함수 uaredirect (f) {
시도 {if (
document.getElementById ( "bdmark")! = null) {
반품
}
var b = false;
if (인수 [1]) {
var e = window.location.host; var a = window.location.href;
if (issubdomain (인수 [1], e) == 1) {
f = f+"/#m/"+a; b = true} else {if (issubdomain (인수 [1], e) == 2) {f = f+"/#m/"+a; b = true}
else {f = a; b = false}}}
else {b = true} if (b) {var c = window.location.hash;
if (! c.match ( "fromApp")) {
if ((navigator.useragent.match (/(iPhone | iPod | Android | iOS | Wind