HTML5 애플리케이션 캐시 웹 애플리케이션이 캐시되어 인터넷에 연결되어 있지 않아도 액세스할 수 있다는 것은 예를 통해 이해할 수 있습니다. 애플리케이션 캐시에는 몇 가지 장점이 있습니다. 사용자가 오프라인일 때 애플리케이션을 사용할 수 있고, 캐시된 리소스가 더 빠르게 로드되며, 서버 로드가 감소합니다. 브라우저 캐시 웹 브라우저는 캐싱을 사용하여 방문한 페이지의 사본을 저장함으로써 HTML 웹 페이지를 저장합니다. 그런 다음 해당 페이지를 다시 방문할 때 복사본을 사용하여 렌더링합니다.

캔버스가 있는 HTML5에서 프레임별 애니메이션을 만들려면 다음 코드를 실행해 보세요. var myImageNum = 1; var lastImage = 5; var context = canvas.getContext('2d'); var img = new Image; img.onload = function(){    context.clearRect( 0, 0, context.canvas.width, context.canvas.height );    context.drawImage(

개조하려면 CSS 미디어 쿼리를 사용하고 다양한 브라우저 기능에 대해 다양한 스타일시트를 허용하세요. 이점은 서버측 코드를 사용할 필요가 없다는 것입니다. 이렇게 하려면 장치를 그룹화하기 위해 스크립트에 특정 감지 코드를 추가해야 합니다. 미디어 쿼리는 들어본 적이 없는 장치도 처리합니다. 다음을 설정하십시오. @media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {    

Android용 내장 브라우저는 보안상의 이유로 정확한 GPS 위치를 제공하지 않습니다. 설치된 경우 GPS에서 정확한 위치를 가져오기 위해 권한이 필요한 다양한 웹 브라우저에서 테스트하십시오. GPS를 끈 후 데이터는 10미터 미만의 정확도로 수신됩니다. 높은 정확도로 GPS 위치를 얻으려면 웹사이트에 Android 브라우저를 사용하지 마십시오. WiFi가 꺼진 상태에서 iPhone에 대해 테스트한 경우 Safari 브라우저에서 50미터 정밀도를 볼 수 있습니다. 예, 정확도가 더 낮습니다.

다음 코드를 실행하여 동영상의 마지막 프레임을 재생하고 보존할 수 있습니다. var c = $('canvas')[0]; var context = canvas.getContext('2d'); c.width = 640; c.height = 480; $("#,myPlayer").on('play', function (e) {    var $this = this;    (function loop() {       i

HTML5의 공식 사양은 다음과 같습니다. 자동 완성 필드 이름이 on인 경우 사용자 에이전트는 휴리스틱을 사용하여 사용자에게 제공하기에 가장 적절한 값을 결정해야 합니다. 요소의 이름 값을 기반으로 문서의 DOM에서 요소의 위치, 뭐 자동 완성 속성의 값으로 다음 중 하나를 사용합니다. ) 필드 이름 의미 이름 이름 성음 접두사 접두사 또는 제목(예:Mr.,Ms.,Dr.,M||e ) 이름 이름(일부 서양 문화권에서는 이름이라고도 함) 추가 이름 추가 이름(일부 서양 문화권에서는 중간 이름이라고도 함) , 이름 이외

전체 페이지 끌어서 놓기 파일의 경우 다음 코드를 시도하십시오. var myDrop = document.getElementById('dropZone'); function displayDropZone() {    myDrop.style.visibility = "visible"; } function hideDropZone() {    myDrop.style.visibility = "hidden"; } function allowDrag(ev) { &nb

잡히지 않은 보안 예외를 해결하려면 crossorigin을 추가해야 합니다. 속성: <img id = "myid" crossorigin = "anonymous" src="https://www.tutorialspoint.com/images/seaborn-4.jpg?v=2"> function getBase64() {    var myImg = document.getElementById("myid");    var c

DragEvent를 생성하려면 각도기 API를 사용하십시오. 공식 문서에는 다음과 같이 명시되어 있습니다. The browser.get method loads a page. Protractor expects Angular to be present on a page, so it will throw an error if the page it is attempting to load does not contain the Angular library. (If you need to interact with a non-Angular page,

input.the valueAsDate 메서드는 입력의 현재 값을 반영하는 Date 객체를 반환합니다. 표시된 값은 동일한 형식을 따릅니다. 작동하도록 하려면: new Date().toISOString().substr( 0, 10 ); new Date().toLocaleDateString(); input.valueAsDate; input.valueAsDate.toLocaleDateString(); new Date( input.valueAsDate ); new Date( input.valueAsDate ).toISOString()

모든 속성과 오디오 소스를 올바르게 설정했다면 보안 문제일 수 있습니다. index.html에 다음을 추가하십시오. <meta http-equiv="Content-Security-Policy" content="default-src 'self'    https://appvipswi.easwi.it; script-src 'self' 'unsafe-inline'; media-src 'self'"> AndroidMan

mousemove 후에 dragstart를 실행하려면 다음을 시도하십시오. dragstart 이벤트를 실행하는 경우 나머지 프로세스 흐름도 구현합니다. 문제를 해결하려면 다음과 같이 사용자 환경을 만드세요. 드래그를 활성화하려면 해당 영역을 클릭하도록 사용자에게 지시해야 합니다. 사용자가 영역을 클릭하면 이제 드래그를 사용할 수 있음을 보여주는 대화상자가 표시되어야 합니다.

적용할 필터는 단일 필터 호출로 구성되어야 합니다. 다음과 같이 설정하십시오: progid : DXImageTransform.Microsoft.BasicImage(grayscale = 1) CSS는 다음과 같이 작동해야 합니다. .demo {    background: transparent;    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = #00FFFFFF,endColorstr = #00FFFFFF) &

HTML5에서 비디오에 신뢰를 할당하는 몇 가지 구성 추가: app.config(function($sceDelegateProvider) {    $sceDelegateProvider.resourceUrlWhitelist([    // allowing same origin resource loads    'self',    // allowing loading from our assets domain    'https://m

HTML5 태그 의 호환성을 확인하려면 다음을 사용하십시오. var $myEL = $('<mark>'); $myEL.appendTo('body'); var bgColor = $myEL.css('backgroundColor'); if (/rgb\(255\, 255\, 0\)/.test(bgColor))    return true; else    return false;

HTML5 입력 유형 =”숫자”가 대시를 허용하도록 하려면 정규식을 사용하세요. 아래와 같이 패턴 속성에 정규식을 추가합니다. [ 0 - 9 ] + ([ - \, ] [0 - 9] + ) ? " 지금 코드에 추가: input type = "text" pattern = "[0-9]+([-\,][0-9]+)?" name = "my-num" title = "dashes or comma"/> 위와 같이 숫자에 대시를 추가할 수 있습니다. 그러나 위에서

클라이언트 측 XSLTProcessor API는 아래와 같이 HTML5 스크립팅 사양의 일부입니다. XSLT 변환 프로그램이 처리 명령에 의해 트리거되고 브라우저가 DOM으로의 직접 변환을 구현하는 경우 XSLT 프로세서에 의해 생성된 스크립트 요소는 파서 삽입으로 표시되고 문서에서 실행되어야 합니다. XSLTProcessor.transformToDocument() 메소드는 브라우징 컨텍스트가 없는 문서에 요소를 추가합니다. 따라서 그들이 생성하는 모든 스크립트 요소는 준비 스크립트 알고리즘에서 이미 시작됨 플래그를 설정해야

검증인은 다음 표를 유효한 것으로 간주합니다. <!DOCTYPE html> <html>    <head>       <meta charset = "utf-8">       <title>Example</title>    </head>    <body>       <table>  

HTML5의 오디오에 중지 버튼을 추가하려면 다음 코드를 시도하십시오. function displayStopBtn() {    var myPlayer = document.getElementsByTagName('audio')[0];    myPlayer.pause();    myPlayer.currentTime = 0; } jQuery를 포함할 수도 있습니다. $("#stopButton").click(function () {    

요소의 로딩 문제를 해결하려면 교차 출처를 익명으로 설정해야 합니다. <video crossorigin = "anonymous"></video> 다른 수정을 시도할 수도 있습니다. 이는 Access-Control-Request-Headers 요청 헤더에 전달된 목록과 일치하는 HTTP 헤더 목록과 함께 Access-Control-Allow-Headers 응답 헤더가 누락되었기 때문일 수 있습니다.