투케이2K

108. (Web/FrontEnd) HTML meta tag 메타 태그 mobile-web-app-capable 사용해 웹앱 URL 주소창 제거 및 전체 화면 설정 본문

FrontEnd

108. (Web/FrontEnd) HTML meta tag 메타 태그 mobile-web-app-capable 사용해 웹앱 URL 주소창 제거 및 전체 화면 설정

투케이2K 2024. 9. 19. 19:31
반응형

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : html, css, js, jquery

​

 

[소스 코드]

 

[사전 설명]

1. mobile-web-app-capable 메타 태그를 사용해 모바일에서 외부 링크 브라우저 표시 수행 시 URL 주소창 제거 및 전체 화면을 만들 수 있습니다


[소스 코드]

<!DOCTYPE HTML>
<html lang="ko">
<head>
    <title>javaScriptTest</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">


    <!-- ===================================================================================================== -->
    <!-- [meta] -->
    <!-- ===================================================================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

    <!-- [IOS 브라우저 URL 주소창 제거] -->
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <!-- [AOS 브라우저 URL 주소창 제거] -->
    <meta name="mobile-web-app-capable" content="yes" />


</head>


<body>

</body>

</html>

 

반응형
저작자표시

'FrontEnd' 카테고리의 다른 글

107. (Web/FrontEnd) HTML meta tag 메타 태그 viewport 뷰포트 사용해 모바일 웹 zoom 줌 확대 , 축소 , 사이즈 고정  (0) 2024.06.26
106. (html/css/javascript/jquery) 이미지 태그에 이미지 파일 (jpg, png) 로드 시 확장명 뒤에 QueryString 쿼리 스트링 추가 방법  (0) 2023.10.25
105. (html/css/javascript/jquery) mask-image 사용해 img 이미지 태그에 마스킹 표시 설정 수행  (0) 2023.08.13
104. (html/css/javascript/jquery) img 이미지 태그 onerror 사용해 에러 발생 대체 이미지 표시 설정  (0) 2023.08.13
103. (html/css/javascript/jquery) object-fit 사용해 css img 이미지 태그 사이즈 조절 수행  (0) 2023.08.13
'FrontEnd' Related Articles more
Comments