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>

 

반응형
저작자표시