Top 11 모바일 에서 Pc 버전 보기 소스 Top 104 Best Answers

by

You are looking for information, articles, knowledge about the topic nail salons open on sunday near me 모바일 에서 pc 버전 보기 소스 on Google, you do not find the information you need! Here are the best content compiled and compiled by the Chewathai27.com/to team, along with other related topics such as: 모바일 에서 pc 버전 보기 소스 구글 PC버전, pc버전 강제, 모바일에서 pc화면 그대로 보기, 모바일에서 pc 웹, pc버전으로 보기 구현, pc버전 사파리, 구글 pc버전 링크, pc버전 고정

스마트폰에서 유튜브 PC버전으로 보는 방법 / 스마트폰에서 PC모드 유튜브 보기 / PC모드
스마트폰에서 유튜브 PC버전으로 보는 방법 / 스마트폰에서 PC모드 유튜브 보기 / PC모드

안드로이드 아이폰 PC 버전 웹페이지 보는 방법 :: 소스

  • Article author: zzarungna.com
  • Reviews from users: 19997 ⭐ Ratings
  • Top rated: 3.8 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 안드로이드 아이폰 PC 버전 웹페이지 보는 방법 :: 소스 여기서 데스크톱 버전 보기를 선택하시면 됩니다. 위 방법으로도 가능하고 다른 브라우저 애플리케이션을 이용하시는 분들은 점 3개로 된 메뉴 버튼 … …
  • Most searched keywords: Whether you are looking for 안드로이드 아이폰 PC 버전 웹페이지 보는 방법 :: 소스 여기서 데스크톱 버전 보기를 선택하시면 됩니다. 위 방법으로도 가능하고 다른 브라우저 애플리케이션을 이용하시는 분들은 점 3개로 된 메뉴 버튼 … 안드로이드 아이폰 PC 버전 웹페이지 보는 방법 핸드폰에서 인터넷 웹사이트를 보실 때 기본적으로 핸드폰 환경에 맞춰서 웹페이지가 PC와는 다르게 표시가 됩니다. 핸드폰에서 웹페이지를 보다 보면 PC 버전의 웹..프로그래밍 코드를 좋아하고 생활속에 필요한 유용한 IT 정보를 작성 하려고 노력 하고 있습니다.,
  • Table of Contents:
안드로이드 아이폰 PC 버전 웹페이지 보는 방법 :: 소스
안드로이드 아이폰 PC 버전 웹페이지 보는 방법 :: 소스

Read More

모바일에서 pc페이지 보기

  • Article author: hancho1111.tistory.com
  • Reviews from users: 23965 ⭐ Ratings
  • Top rated: 3.0 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 모바일에서 pc페이지 보기 모바일에서 pc페이지를 보는방법입니다. 네이버 블로그 등, 모바일전용(m.blog같이)링크라면 해당 기능을 활성화하신 후 pc버전링크로 이동해주셔야 … …
  • Most searched keywords: Whether you are looking for 모바일에서 pc페이지 보기 모바일에서 pc페이지를 보는방법입니다. 네이버 블로그 등, 모바일전용(m.blog같이)링크라면 해당 기능을 활성화하신 후 pc버전링크로 이동해주셔야 … 모바일에서 pc페이지를 보는방법입니다. 네이버 블로그 등, 모바일전용(m.blog같이)링크라면 해당 기능을 활성화하신 후 pc버전링크로 이동해주셔야합니다. 제가 크롬을 사용하는 이유중 하나가 이 기능 덕분입니.. IT관련 글을 올리는 블로그입니다
  • Table of Contents:
모바일에서 pc페이지 보기
모바일에서 pc페이지 보기

Read More

PC버전 / 모바일버전 상호 전환하기, PC페이지 모바일페이지

  • Article author: doolyit.tistory.com
  • Reviews from users: 43832 ⭐ Ratings
  • Top rated: 3.4 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about PC버전 / 모바일버전 상호 전환하기, PC페이지 모바일페이지 그리고 클릭시 실행되는 함수에서 index_gate.html 파일을 하나 만들고 webmb 라는 옵션에 webpage 라고 전달을 합니다. 물론, 모바일에서 PC 로 전환되는 … …
  • Most searched keywords: Whether you are looking for PC버전 / 모바일버전 상호 전환하기, PC페이지 모바일페이지 그리고 클릭시 실행되는 함수에서 index_gate.html 파일을 하나 만들고 webmb 라는 옵션에 webpage 라고 전달을 합니다. 물론, 모바일에서 PC 로 전환되는 … 반응형으로 제작했을 경우는 상관없겠지만, PC버전 모바일버전을 별도로 제작하는 경우에는 아래 첨부한 이미지의 하단부분에서 보듯이 PC버전을 모바일버전으로 바꾸거나 모바일을 PC버전으로 바꾸는 경우가 있습..
  • Table of Contents:

고정 헤더 영역

메뉴 레이어

검색 레이어

상세 컨텐츠

태그

추가 정보

페이징

티스토리툴바

PC버전 / 모바일버전 상호 전환하기, PC페이지 모바일페이지
PC버전 / 모바일버전 상호 전환하기, PC페이지 모바일페이지

Read More

모바일에서 PC 버전 보기 버튼 사용하기

  • Article author: imweb.me
  • Reviews from users: 26457 ⭐ Ratings
  • Top rated: 4.4 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 모바일에서 PC 버전 보기 버튼 사용하기 설정방법 · 디자인 모드에 접속합니다. 접속방법 · 오른쪽 상단의 톱니바퀴 아이콘을 클릭해 공통 디자인 설정을 켭니다. · 옵션 항목에서 모바일에서 PC 보기 버튼 사용을 … …
  • Most searched keywords: Whether you are looking for 모바일에서 PC 버전 보기 버튼 사용하기 설정방법 · 디자인 모드에 접속합니다. 접속방법 · 오른쪽 상단의 톱니바퀴 아이콘을 클릭해 공통 디자인 설정을 켭니다. · 옵션 항목에서 모바일에서 PC 보기 버튼 사용을 … 모바일 기기로 웹사이트 접속 시 페이지 최하단에 PC 보기 버튼을 표시할 수 있습니다.설정방법디자인 모드에 접속합니다. 접속방법오른쪽 상단의 톱니바퀴 아이콘을 클
  • Table of Contents:
모바일에서 PC 버전 보기 버튼 사용하기
모바일에서 PC 버전 보기 버튼 사용하기

Read More

크롬에서 pc로 웹 모바일 버전 확인하는 방법

  • Article author: khann.tistory.com
  • Reviews from users: 16458 ⭐ Ratings
  • Top rated: 3.9 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 크롬에서 pc로 웹 모바일 버전 확인하는 방법 1. 크롬에서 모바일 확인이 필요한 사이트에 접속하기 · 2. 키보드에서 F12누르기. F12를 누르면 오른 쪽에 저렇게 페이지에 대한 소스가 나옵니다. · 3. …
  • Most searched keywords: Whether you are looking for 크롬에서 pc로 웹 모바일 버전 확인하는 방법 1. 크롬에서 모바일 확인이 필요한 사이트에 접속하기 · 2. 키보드에서 F12누르기. F12를 누르면 오른 쪽에 저렇게 페이지에 대한 소스가 나옵니다. · 3. 크롬에서 pc로 웹 모바일 버전 확인하는 방법 우리가 pc에서 모바일 버전의 웹을 개발을 하거나 웹에서 레이아웃을 확인해야 할 때, dom을 확인해야 할 때 등 여러 가지 이유로 pc에서 웹의 모바일 버전을..관심있는 분야의 정리 목적으로 시작했습니다.
    컴퓨터 공학, 경제학, 교육에 관심이 많습니다.

    문의 이메일
    khann365d@지메일닷컴

  • Table of Contents:

크롬에서 pc로 웹 모바일 버전 확인하는 방법

티스토리툴바

크롬에서 pc로 웹 모바일 버전 확인하는 방법
크롬에서 pc로 웹 모바일 버전 확인하는 방법

Read More

맛있는 디자인 프리미어 프로 CC 2019 & 프리미어 러시: 누구나 쉽게 배워 제대로 … – 김덕영, 심수진, 윤성우 – Google Sách

  • Article author: books.google.com.vn
  • Reviews from users: 36371 ⭐ Ratings
  • Top rated: 4.4 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 맛있는 디자인 프리미어 프로 CC 2019 & 프리미어 러시: 누구나 쉽게 배워 제대로 … – 김덕영, 심수진, 윤성우 – Google Sách Updating …
  • Most searched keywords: Whether you are looking for 맛있는 디자인 프리미어 프로 CC 2019 & 프리미어 러시: 누구나 쉽게 배워 제대로 … – 김덕영, 심수진, 윤성우 – Google Sách Updating 프리미어 프로를 제대로 배우는 가장 완벽한 레시피!한 권으로 기초부터 활용까지! 쉽고 빠르게 익혀 바로 써먹는 그래픽 입문서! 유튜브 시대! 영상 편집에 꼭 필요한 프리미어 프로의 모든 기능을 한 번에 쉽게 배울 수 있습니다. 영상 제작 및 편집 필수 기능만 골라 담은 기본편과 감각적인 예제를 통해 배우는 활용편으로 쉽고 빠르게 프리미어 프로를 익힐 수 있습니다. 가장 최신 버전인 CC 2019에 완벽히 대응하여 기초 이론은 물론, 필수 기능 및 CC 2019 버전의 신기능까지 빠르게 배울 수 있습니다.전문가가 아니어도 누구나 쉽게 영상 편집에 도전할 수 있도록 가볍게 학습할 수 있는 기초 용어와 최신 트렌드를 소개하고, 다양한 예제를 간단 실습과 한눈에 실습으로 따라 하면서 기본 기능을 완벽하게 마스터할 수 있도록 구성했습니다. 또한 언제 어디서나 쉽고 빠르게 영상을 편집할 수 있는 프리미어 러시를 수록하여 PC는 물론 모바일 영역까지 확장될 어도비의 영상 제작, 편집 프로그램까지 먼저 학습할 수 있습니다.맛있는 디자인 프리미어 프로 CC 2019 & 프리미어 러시를 선택해야 하는 네 가지 이유! 1) 영상 제작과 편집의 기초부터 활용까지 한 권으로 익힌다!영상 제작과 편집을 제대로 배우려면 촬영, 편집, 특수 효과, 색보정 등 프리미어 프로의 전반적인 기능을 골고루 익혀야 합니다. 영상 제작과 편집에 필요한 프리미어 프로의 주요 기능을 한 권에 담았습니다. CC 2019 버전의 신기능부터 실무에 쓰이는 활용 예제까지 알차게 구성하여 프리미어 프로의 기초와 활용법을 탄탄히 다질 수 있습니다. 2) 프리미어 프로 CC 2019 최신 버전 완벽 대응!이 책은 가장 최신 버전인 CC 2019에 완벽히 대응했습니다. 더욱 강력해진 영상 편집 기능을 다양한 예제로 학습할 수 있습니다. 어도비 CC 2019가 업데이트되며 달라진 프리미어 프로의 기능과 새롭게 추가된 프리미어 러시까지 한 번에 배워보세요! 3) 가장 완벽한 학습 방법인 3단계 구성으로 거의 모든 기능을 학습한다!영상 촬영과 제작 이론을 학습한 후 [간단 실습]을 통해 감각적이고 트렌디한 실습 예제로 기능을 익히고, [한눈에 실습]으로 복합적인 기능을 쉽게 따라 해볼 수 있습니다. [실무 실습]에서 본격적으로 영상 편집에 필요한 고급 응용 기술을 익혀보세요! 목차를 통해 어떤 기능으로 어떤 결과물을 만들 수 있는지 바로 확인할 수 있으므로 필요한 기능을 찾을 때 헤매지 않고 빠르게 찾아 학습할 수 있습니다. 4) 영상 편집이 더 쉬워지는 프리미어 러시까지 한 번에 배운다!어도비 CC 2019에서 새롭게 출시된 영상 편집 앱 프리미어 러시 CC의 기본 기능 및 활용 방법을 수록했습니다. 모바일 기기와 PC에서 작업한 내용을 SNS에 바로 공유할 수 있으므로 전천후 영상 편집이 가능합니다. 기초적인 영상 편집과 간단한 효과 삽입, 색보정, 자막 삽입 기능을 활용해 언제 어디서든 영상 편집에 도전해보세요! 이 책으로 PC는 물론 모바일 영역까지 확장될 어도비 CC의 영상 편집 프로그램을 가장 먼저 만나고 익힐 수 있습니다. 
  • Table of Contents:
맛있는 디자인 프리미어 프로 CC 2019 & 프리미어 러시: 누구나 쉽게 배워 제대로 ... - 김덕영, 심수진, 윤성우 - Google Sách
맛있는 디자인 프리미어 프로 CC 2019 & 프리미어 러시: 누구나 쉽게 배워 제대로 … – 김덕영, 심수진, 윤성우 – Google Sách

Read More

맛있는 디자인 프리미어 프로 CC 2020: 쉽게 배워 제대로 써먹는 유튜브 영상 편집 – 김덕영, 심수진, 윤성우 – Google Sách

  • Article author: books.google.com.vn
  • Reviews from users: 19856 ⭐ Ratings
  • Top rated: 4.5 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 맛있는 디자인 프리미어 프로 CC 2020: 쉽게 배워 제대로 써먹는 유튜브 영상 편집 – 김덕영, 심수진, 윤성우 – Google Sách Updating …
  • Most searched keywords: Whether you are looking for 맛있는 디자인 프리미어 프로 CC 2020: 쉽게 배워 제대로 써먹는 유튜브 영상 편집 – 김덕영, 심수진, 윤성우 – Google Sách Updating 한 권으로 기초부터 활용까지! 쉽고 빠르게 익혀 바로 유튜브에 써먹는다프리미어 프로를 제대로 배우는 가장 완벽한 레시피!영상 편집에 꼭 필요한 프리미어 프로의 모든 기능을 한번에 쉽게 배울 수 있습니다. 영상 제작 및 편집 필수 기능만 골라 담은 기본편과 감각적인 예제를 통해 배우는 활용편으로 쉽고 빠르게 프리미어 프로를 익혀 유튜브 영상 편집에 활용할 수 있습니다. 가장 최신 버전인 CC 2020에 완벽히 대응하여 기초 이론은 물론, 필수 기능 및 최신 버전의 신기능까지 빠르게 배울 수 있습니다. 기본부터 활용법까지 완벽하게 마스터할 수 있는 3단계 학습 방법인 [기능 실습] – [한눈에 실습] – [실무 실습]의 3단계 구성을 통해 전문가가 아니어도 누구나 쉽게 영상 편집에 도전할 수 있도록 기초 용어와 최신 트렌드를 가볍게 학습하고, 다양한 예제로 따라 하면서 기본 기능을 완벽하게 마스터할 수 있도록 구성했습니다.맛있는 디자인 프리미어 프로 CC 2020을 선택해야 하는 네 가지 이유!①영상 제작과 편집의 기초부터 활용까지 한 권으로 익힌다!영상 제작과 편집을 제대로 배우려면 촬영, 편집, 특수 효과, 색보정 등 프리미어 프로의 전반적인 기능을 골고루 익혀야 합니다. 영상 제작과 편집에 필요한 프리미어 프로의 주요 기능을 한 권에 담았습니다. CC 2020 버전의 신기능부터 실무에 쓰이는 활용 예제까지 알차게 구성하여 프리미어 프로의 기초와 활용법을 탄탄히 다질 수 있습니다.②프리미어 프로 CC 2020 최신 버전 완벽 대응과 프리미어 러시 수록이 책은 가장 최신 버전인 프리미어 프로 CC 2020은 물론 업데이트된 프리미어 러시까지 완벽히 대응했습니다. 더욱 강력해진 영상 편집 기능을 다양한 예제로 학습할 수 있습니다. CC 2020 버전으로 업데이트되며 달라진 프리미어 프로의 기능과 프리미어 러시까지 한번에 배워보세요!  영상 편집 애플리케이션 프리미어 러시 CC를 활용해 모바일 기기와 PC에서 작업한 내용을 SNS에 바로 공유할 수 있으므로 전천후 영상 편집이 가능합니다. 이 책으로 최신 버전의 프리미어 프로는 물론, 모바일 영역까지 확장된 영상 편집 기능을 가장 먼저 익힐 수 있습니다.③가장 완벽한 학습 방법인 3단계 구성으로 거의 모든 기능을 학습한다!영상 촬영과 제작 이론을 학습한 후 [간단 실습]을 통해 트렌디한 실습 예제로 기능을 익히고, [한눈에 실습]으로 복합적인 기능을 쉽게 따라 해볼 수 있습니다. [실무 실습]에서 본격적인 영상 편집에 필요한 고급 응용 기술을 익혀보세요! 상세한 목차를 통해 어떤 기능으로 어떤 결과물을 만들 수 있는지 바로 확인할 수 있으므로 필요한 기능을 헤매지 않고 빠르게 찾아 학습할 수 있습니다.④지금 당장 써먹을 수 있는 실무 예제 구성프리미어 프로의 기초&핵심 기능만 제대로 익혀도 웬만한 영상 제작 작업은 충분히 할 수 있습니다. 모든 기능을 백과사전식으로 외우는 지루한 방식이 아니라 기능을 익히는 데 가장 적합한 실무 예제 구성으로 효과적인 학습을 할 수 있도록 도와줍니다.
  • Table of Contents:
맛있는 디자인 프리미어 프로 CC 2020: 쉽게 배워 제대로 써먹는 유튜브 영상 편집 - 김덕영, 심수진, 윤성우 - Google Sách
맛있는 디자인 프리미어 프로 CC 2020: 쉽게 배워 제대로 써먹는 유튜브 영상 편집 – 김덕영, 심수진, 윤성우 – Google Sách

Read More

[자바스크립트] 모바일에서 PC버전보기 쿠키로 처리하기(웹,모바일 별개웹사이트)

  • Article author: mrb18.tistory.com
  • Reviews from users: 26063 ⭐ Ratings
  • Top rated: 4.8 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about [자바스크립트] 모바일에서 PC버전보기 쿠키로 처리하기(웹,모바일 별개웹사이트) javaScript 를 통하여 쿠키값을 생성한뒤 강제로 index페이지로 이동하도록 만들었습니다. [index_force.asp 소스]. /* 쿠키 생성 함수 */. function … …
  • Most searched keywords: Whether you are looking for [자바스크립트] 모바일에서 PC버전보기 쿠키로 처리하기(웹,모바일 별개웹사이트) javaScript 를 통하여 쿠키값을 생성한뒤 강제로 index페이지로 이동하도록 만들었습니다. [index_force.asp 소스]. /* 쿠키 생성 함수 */. function … 일반적으로 모바일에서 PC버전 보기를 사용을 해야할때 쿠키로 값을 남겨서 처리하도록 하는 방법입니다. 아래의 방법을 사용하는 경우는 웹사이트와 모바일 사이트가 각각의 웹사이트로 따로 존재할경우 아래와..
  • Table of Contents:

관련글

댓글0

공지사항

최근글

인기글

최근댓글

태그

전체 방문자

[자바스크립트] 모바일에서 PC버전보기 쿠키로 처리하기(웹,모바일 별개웹사이트)
[자바스크립트] 모바일에서 PC버전보기 쿠키로 처리하기(웹,모바일 별개웹사이트)

Read More

See more articles in the same category here: Top 423 tips update new.

모바일버전 상호 전환하기, PC페이지 모바일페이지

반응형

반응형으로 제작했을 경우는 상관없겠지만, PC버전 모바일버전을 별도로 제작하는 경우에는 아래 첨부한 이미지의 하단부분에서 보듯이 PC버전을 모바일버전으로 바꾸거나 모바일을 PC버전으로 바꾸는 경우가 있습니다

PC버전, 모바일버전 전환을 위해서는 여러가지 방법이 있습니다만, 그 중의 한가지 방법인 쿠키를 이용한 구현방법을 알아보겠습니다.

우선 아래와 같이 모바일환경에서 접속했을 때, PC환경으로 가기위한 링크를 만듭니다.

PC버전

그리고 클릭시 실행되는 함수에서 index_gate.html 파일을 하나 만들고 webmb 라는 옵션에 webpage 라고 전달을 합니다. 물론, 모바일에서 PC 로 전환되는 경우라면 webmb 에 pc라는 값을 주면 됩니다.

그 다음에 index_gate.html 파일에서는 webmb 값을 받아서 그 값에 따라, VIEW_TYPE 이라는 쿠키에 PC인지 모바일인지 설정만 해주면 됩니다.

이후 연결되는 index.html 에서는 VIEW_TYPE 값이 PC 이면 PC 페이지로, MOBILE 이면 MOBILE 페이지로 연결해 주면 됩니다.

이후 index.html 에서 링크되는 모든 페이지에서 PC 인지 모바일인지 확인을 해야 하므로, 각 페이지에 아래와 같이 javascript 파일을 삽입해 주면 됩니다

view_type.js 에는 다음과 같은 코드가 있으며, 쿠키값을 확인하여 해당 페이지로 연결해 주는 기능을 합니다

var mobileKeyWords = new Array(‘iPad’, ‘iPhone’, ‘iPod’, ‘BlackBerry’, ‘Android’, ‘Windows CE’, ‘LG’, ‘MOT’, ‘SAMSUNG’, ‘SonyEricsson’);

for (var word in mobileKeyWords)

{

if (navigator.userAgent.match(mobileKeyWords[word]) != null){

if (getCookie(“VIEW_TYPE”) == “PC”) {

location.href = “/main.html”; // PC용 페이지

}

else {

location.href = “/mobile/index.html”; // 모바일용 페지지

}

}

}

반응형

크롬에서 pc로 웹 모바일 버전 확인하는 방법

크롬에서 pc로 웹 모바일 버전 확인하는 방법

우리가 pc에서 모바일 버전의 웹을 개발을 하거나 웹에서 레이아웃을 확인해야 할 때, dom을 확인해야 할 때 등 여러 가지 이유로 pc에서 웹의 모바일 버전을 확인해야 할 때가 있습니다. 그때 크롬을 통해서 이용할 수 있는 방법입니다.

1. 크롬에서 모바일 확인이 필요한 사이트에 접속하기

2. 키보드에서 F12누르기

F12를 누르면 오른 쪽에 저렇게 페이지에 대한 소스가 나옵니다.

3. 빨간색 박스의 아이콘 클릭

빨간색 아이콘은 PC와 모바일의 device를 토글 해주는 아이콘입니다.

4. F5 새로고침 한번 해주기

클릭하면 저렇게 PC버전의 웹이 모바일 프레임에 낑겨있는듯이 나옵니다.

그러면 PC에서도 모바일 형식으로 웹을 확인할 수 있습니다!

그런데 세상에는 여러 종류의 핸드폰이 있는데요,

아이폰, 갤럭시 등 핸드폰마다 사이즈가 전부 다르고 모바일과 태블릿도 각자의 화면 비율과 사이즈를 가지고 있습니다.

그래서, 혹시 각자 다른 핸드폰에서 모바일로 출력되는 화면을 확인하고 싶다면

번외) 크롬에서 모바일 종류에 따른 화면 출력확인 방법

1. 빨간색 아이콘 클릭

2. 보고싶은 디바이스 클릭.

만약 희망하는 디바이스가 없다면 아래의 ‘Edit…’을 눌러서 다른 장치를 추가하거나 새로이 Custom 하시면 됩니다.

3. F5를 한번해주고 적용된 출력 확인하기

저는 아이패드 Pro 화면으로 바꿔서 확인해봤습니다.

장치에 대한 화면출력이 궁금하시면 요런 식으로 해주시면 될 것 같습니다.

[자바스크립트] 모바일에서 PC버전보기 쿠키로 처리하기(웹,모바일 별개웹사이트)

일반적으로 모바일에서 PC버전 보기를 사용을 해야할때

쿠키로 값을 남겨서 처리하도록 하는 방법입니다.

아래의 방법을 사용하는 경우는 웹사이트와 모바일 사이트가

각각의 웹사이트로 따로 존재할경우 아래와 같이 적용을 해야합니다.

만약 하나의 웹사이트로 http://도메인/mobile 처럼 되어있는경우

다른 방법으로 진행을 해야한다. [해당 방법을 보려면 이곳을 클릭]

저는 이방법을 생각하기 전에는 URL뒤에 파라미터 속성을 같이 넘겨서

ASP또는 PHP에서 해당 파라미터를 확인후 스크립트를 적용했었습니다.

그렇게 되면 모든 링크URL에 불필요한 파라미터 속성이 항상 따라 붙어야 함으로써 정말 무식한 방법이였죠…..

파라미터를 붙히지 않고 별도의 URL링크에 계속 PC버젼임을 요구하는 파라미터를 안넘겨도 구연하는 방법을 생각하다

쿠키값으로 구연을 해보았습니다.

[쿠키값으로 구현하기전 생각해보아야 할점]

1. 쿠키값을 셋팅한다음 셋팅한 쿠키값을 읽어오기위해선 브라우져가 1회 새로고침이 되어야 합니다.

2. 쿠키값을 읽어온다음 모바일에서 PC버전을 눌러서 온부분인지를 확인후 모바일 스크립트를 적용해야 합니다.

위에 두가지를 모두 만족하기위해 별도의 index_force.asp 라는 페이지를 만들어서

javaScript 를 통하여 쿠키값을 생성한뒤 강제로 index페이지로 이동하도록 만들었습니다.

[index_force.asp 소스]

/* 쿠키 생성 함수 */ function setCookie( name, value, expiredays ) { var todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expiredays ); document.cookie = name + “=” + escape( value ) + “; path=/; expires=” + todayDate.toGMTString() + “;” };

setCookie( “pcT”, “Y”, 1); window.location.href=’/index.asp’

주의해야할 점은 index_force.asp 파일은 모바일페이지가 있는 폴더에 있으면 안됩니다.

반드시 PC버전 URL폴더에 위치해 있어야 합니다.

일반적으로 쿠키값은 해당 URL로 구분하여 쿠키값이 기록이 됩니다.

만약 모바일URL 에서 쿠키값을 생성한뒤 PC URL에서 해당 URL

쿠키값을 사용하려고 하면 쿠키값은 모바일 URL에 있기 때문에

쿠키값을 사용을 할수가 없습니다.

[PC index.asp 파일상단]

function getCookie(cookieName){ var search = cookieName + “=”; var cookie = document.cookie; if( cookie.length > 0 ){ startIndex = cookie.indexOf( cookieName ); if( startIndex != -1 ){ startIndex += cookieName.length; endIndex = cookie.indexOf( “;”, startIndex ); if( endIndex == -1) endIndex = cookie.length; return unescape( cookie.substring( startIndex + 1, endIndex ) ); } else { return false; } } else { return false; } }

if (getCookie(“pcT”) == “Y”){ }else{ var mobileKeyWords = new Array(‘iPhone’, ‘iPod’, ‘BlackBerry’, ‘Android’, ‘Windows CE’, ‘LG’, ‘MOT’, ‘SAMSUNG’, ‘SonyEricsson’); for (var word in mobileKeyWords){ if (navigator.userAgent.match(mobileKeyWords[word]) != null){ location.href = “http://mgolfgo.wiznic.net”; break; } } }

이렇게 작성한뒤 마지막으로 모바일에서 PC버전 링크를 아래와 같이 걸면 됩니다.

[모바일에서 PC버젼 링크걸기]

PC버전보기

여기서 중요한건 PC URL 주소로 이동을 해서 index_force.asp 파일을

구동해야 PC URL 주소로 쿠키값이 생성이 된후, 자동으로 index 페이지로

넘어가면서 셋팅된 쿠키값을 이용하여 모바일 스크립트 유무를 실행할수 있게 됩니다.

너무 설명이 길었지만… 파라미터값을 일일이 넘기지 않고 쿠키값으로

모바일 스크립트 실행 유무를 판단할수 있어, 소스가 지저분해지지 않고

깔끔하게 모바일버젼보기를 할수 있습니다.

So you have finished reading the 모바일 에서 pc 버전 보기 소스 topic article, if you find this article useful, please share it. Thank you very much. See more: 구글 PC버전, pc버전 강제, 모바일에서 pc화면 그대로 보기, 모바일에서 pc 웹, pc버전으로 보기 구현, pc버전 사파리, 구글 pc버전 링크, pc버전 고정

Leave a Comment