모바일 친화적 인 웹 사이트를 만드는 규칙은 무엇입니까?
-
20-09-2019 - |
문제
사용자가 휴대폰을 확인할 수 있도록 현재 개발 한 웹 사이트에 가치를 추가하고 싶습니다.
내 질문 :
모바일 버전과 정식 버전 1 용 템플릿을 만들어야합니까? 창조처럼 mobile.example.com 모바일 버전의 경우?
Opera Mini가 JavaScript를 지원하지 않습니까? Opera Mini가있는 휴대폰이 있습니다. JavaScript가 실행되지 않은 것 같습니다. 모든 오페라 미니에 자바 스크립트가 없습니까?
Opera Mini는 전체 W3C 표준 HTML 및 CSS를 지원합니까? 아니면 다른 것이 있습니까?
다른 휴대폰에서 웹 사이트를 보거나 테스트 할 에뮬레이터가 있습니까? 예 : iPhone 브라우저, BlackBerry 브라우저, WAP 및 Opera Mini.
고맙습니다!!!
해결책
- 모바일 및 모바일이 아닌 장치를 위해 두 개의 다른 웹 사이트를 만들고 싶은지 여부는 귀하에게 달려 있습니다. 그러나 그렇게하면 모바일 사이트에서 전체 사이트로 링크를 통해 사용자가 전환 할 수 있습니다.
- OPERA MINI는 특정 제한 (예 : 비동기 연산에서)을 지원합니다. Opera Mini는 프록시 기반 접근 방식을 사용하고 JS는 특정 제한을 부과하는 Opera의 서버에서 실행됩니다. Adobe Flash와 같은 플러그인은 지원되지 않습니다.
- 기본적으로 Opera Mini는 동일한 렌더링 엔진 (Opera Presto)을 공유하기 때문에 Opera Desktop과 동일한 표준을 지원합니다. 그러나 장치 제한으로 인해 CSS 둥근 코너와 같은 일부 기능은 MINI에서 사용할 수 없습니다. 보다 Opera Mini 5 표준 지원 자세한 내용은 Opera Mini가 Opera Desktop 10.53에 사용되는 렌더링 엔진 인 Opera Presto 2.4를 사용한다는 것을 알고 있습니다.
- Opera Mini에서 웹 사이트를 테스트하려면 시도하십시오 미세 에모 오픈 소스이며 다른 스크린 크기를 모방 할 수있는 방지 가능한 피부와 함께 제공됩니다.
도움이되기를 바랍니다 :)
다른 팁
일부 웹 사이트는 기존 웹 사이트를 자동으로 변환합니다. 이 변환 된 모바일 친화적 인 웹 사이트는 새 도메인에서 호스팅하거나 기존 사이트에 "마스크"를 적용 할 수 있습니다. 기본 웹 사이트를 자동으로 쉽게 변환하는 www.webtosmartphone.com을 확인하십시오. 빠른 코드 라인과 웹 사이트는 가장 인기있는 스마트 폰에서 자동으로 크기를 조정하고 볼 수 있습니다. 자동으로 변환되지 않으면 사용자 정의 변환을 요청할 수 있습니다.
모바일 장치를 통해 콘텐츠에 액세스 할 때 모바일 장치의 출력을 가장 확실하게 조정해야합니다. 하위 도메인 또는 특수 폴더에서 모바일 프레젠테이션을 분리하여 수행할지 여부는 전혀 관련이 없습니다.
/ 3. 모바일은 단순한 오페라 미니 이상입니다. 다양한 모바일 장치 브라우저는 다양한 수준의 풍부한 컨텐츠 (JavaScript, CSS 등)를 지원합니다. 방문자 브라우저/장치가 지원하는 기능을 감지하고 적절하게 풍부한/"열악한"컨텐츠를 제공해야합니다. 당신은 살펴 봐야합니다 wurfl 그리고 장치 아틀라스 이는 모바일 장치 사용자 에이전트의 두 가지 주요 데이터베이스입니다.이 사용자는 사용자 가이언트가 소비 할 수있는 컨텐츠 만 제공 할 수 있습니다.
다양한 모바일 장치 브라우저를 모방하는 에뮬레이터가 많고 일부는 더 좋고 나쁘다. 내 머리 꼭대기에서 내가 사용한 두 가지는 yo space 스마트 폰 에뮬레이터입니다.웹 사이트 브로큰 ATM) 그리고 Mobi TLD의 에뮬레이터. 공급 업체의 장치를 모방하는 것을 찾을 수 있어야하는 공급 업체 별 (Nokia, SE) 개발자 도구도 있습니다.
계단식 스타일 시트 (CSS) 이것을 달성하는 방법입니다. 이는 사이트의 HTML 테이블 사용을 검토하고 CSS 기반 설계로 변환해야한다는 것을 의미합니다.
그만큼 CSS 젠 가든 가능한 것을 보여주는 훌륭한 리소스입니다.
현재 사이트를 모바일 장치 친화적 인 형식으로 변환하는 리소스는 skweezer.com입니다. 웹 사이트의 URL을 입력하기 만하면 큰 이미지, CSS 스타일 및 제대로 표시되지 않는 페이지 요소를 제거하여 웹 사이트를 모바일 친화적 인 버전으로 표시합니다. 사이트의 모바일 CSS 프로필을 만들기 위해 템플릿 또는 시작점으로 사용할 수 있습니다. 모바일 장치가있는 사용자를위한 대체 CSS 스타일 시트를 제공하려면 HTML 문서의 헤드에 다음 코드를 삽입하십시오.
<link href="/css/global.css" rel="stylesheet" type="text/css" media="handheld" />
심판.