XML을 통해 폴더에 저장할 때마다 새로운 데이터를 표시하는 앱을 개발할 때 websockets apache 서버를 사용합니다. Mod_websocket 또는 php websocket을 사용할 수 있습니다. 서버와 클라이언트 간의 실시간 통신을 위해 자체 호스팅 실시간 웹 기술을 사용할 수도 있습니다. 호스팅된 실시간 웹 솔루션과 애플리케이션의 실시간 푸시 측면을 오프로드할 수 있습니다. 그러나 Apache 서버는 서버와 클라이언트 간의 장기 지속 연결에는 좋지 않습니다. 이에 대한 최상의 솔루션은 다음과 같습니다. 애플리
Fabric.js에서 마우스 클릭 시 HTML5 Canvas 레이어가 사라지고 이미지에 캔버스를 생성할 때 Firefox가 응답하지 않는 경우 컴퓨터에서 이미지를 끌어다 놓는 방법이 있습니다. Fabric을 사용한 캔버스 이 방법은 이미지 드래그 가능 속성을 true로 설정하여 수행할 수 있습니다. − <img draggable = "true">
모바일 웹사이트가 생성되고 버튼 클릭 시 사용자에게 현재 위치를 요청해야 하는 요구사항이 있을 때마다 HTML5 지리적 위치가 사용됩니다. 이것은 모바일 크롬에서 잘 작동합니다. 그러나 Mobile Safari에서 사용자에게 위치를 공유하라는 메시지가 표시되고 브라우저는 기본적으로 지리적 위치로 설정되고 브라우저는 기본적으로 권한 거부 오류로 설정됩니다. 이를 해결하기 위해 모바일 서비스의 Geolocation 서비스를 켜서 요청한 사용자의 현재 위치를 가져옵니다.
HTML5 Canvas로 패턴을 생성하려면 다음 방법을 사용하십시오:createPattern(image, repeat)- 이 방법은 이미지를 사용하여 패턴을 생성합니다. 두 번째 인수는 repeat, repeat-x, repeat-y 및 no-repeat 값 중 하나가 있는 문자열일 수 있습니다. 빈 문자열이나 null이 지정되면 반복이 가정됩니다. 예시 다음 코드를 실행하여 패턴을 만드는 방법을 배울 수 있습니다 - <!DOCTYPE HTML> <html> <head> &nb
iOS에서는 카메라 장치에만 액세스할 수 없습니다. 공식 사양은 다음을 제안합니다 - 이 사양의 사용자 에이전트 구현은 마이크나 카메라로 콘텐츠 캡처를 시작하기 전에 사용자 동의를 구하는 것이 좋습니다. 이는 사용자 데이터의 개인 정보 보호와 관련된 규제, 법적 및 모범 사례 요구 사항을 충족하는 데 필요할 수 있습니다. 또한 사용자 에이전트 구현은 입력 장치가 활성화될 때 사용자에게 표시를 제공하고 사용자가 이러한 캡처를 종료할 수 있도록 하는 것이 좋습니다. 마찬가지로 사용자 에이전트는 사용자가 다음을 수행할 수 있도록 하는 등
매니페스트의 CACHE 섹션에 제공된 모든 리소스에 대해 먼 미래 만료 날짜를 사용해야 합니다. 또한 CACHE 섹션의 각 파일에 타임스탬프 접미사를 추가하십시오. - CACHE: menu_1355817388000.js toolbar_1355817389100.js 서버에서 파일이 변경되면 타임스탬프를 변경하려면 매니페스트를 업데이트해야 합니다. 수정된 타임스탬프가 있는 파일은 다음에 다운로드됩니다.
HTML5의 날짜 선택기는 기본적으로 JavaScript 라이브러리가 수행한 방식과 매우 유사하게 작동합니다. 필드에 초점을 맞추면 달력이 표시되고 월과 연도를 탐색하여 날짜를 선택할 수 있습니다. 따라서 날짜 입력에 더 많은 간격과 색 구성표를 사용하려면 코드에 다음을 추가할 수 있습니다. ::-webkit-datetime-edit { padding: 2 em; } ::-webkit-datetime-edit-fields-wrapper { background:green; } ::-webkit-datetime-edit-text {
putImageData() 메서드는 이미지 데이터를 캔버스에 배치합니다. 캔버스에 애니메이션을 적용하기 위해 메인 루프 외부에 재사용 가능한 ImageData 객체를 생성합니다. var ct = c.getContext("2d", {alpha: false}); // context without alpha channel. var a = ct.createImageData(c.width, c.height); var buffer = new Uint32Array(a.data.
autofocus 속성은 부울 속성입니다. 존재하는 경우 페이지가 로드될 때 요소가 자동으로 포커스를 받아야 함을 지정합니다. 아래에 예가 나와 있습니다. <!DOCTYPE html> <html> <body> <form action = "/new.php"> First Name: <input type = "text" name =
표시하려면 다음을 사용하십시오 - <input placeholder = "Date" class = "textbox-n" type = "text" onfocus = "(this.type = 'date')" id = "date"> CSS로 이동할 수도 있습니다 − input[type="date"]::before{ color: #ffffff; con
캔버스에서 픽셀 색상을 가져오려면 다음 코드를 사용하세요. 이것은 rgba의 색상을 반환합니다 - var index = (Math.floor(y) * canvasWidth + Math.floor(x)) * 4 // color in rgba var r = data[index] var g = data[index + 1] var b = data[index + 2] var a = data[index + 3]
HTML은 SGML로 표현되고 XHTML은 XML로 표현된다. XHTML 생성은 마크업의 형태로 더 많은 제약과 연결됩니다. XHTML 1.0 Transitional에서는 해당 사양의 요소가 아니므로 또는 태그를 사용하지 마십시오. HTML에서 XHTML로 변환 모든 페이지의 첫 번째 줄에 XHTML 추가 모든 페이지의 HTML 요소에 xmlns 속성 추가 모든 요소 이름을 소문자로 변경 모든 빈 요소 닫기 모든 속성 이름을 소문자로 변경 모든 속성 값 인용
메타 태그 속성 부여 user-scalable=no 사용자가 다른 곳에서 확대/축소하지 못하도록 제한합니다. 이 메타 태그를 head 태그에 추가하여 함께 확대/축소하는 것을 방지합니다. 이렇게 하면 모바일 브라우저가 동일한 너비 눈금을 사용하도록 지시하고 사용자가 확대할 수 없도록 하므로 성가신 동작도 비활성화됩니다. 그러나 어떤 사람들은 이것이 문제를 처리하는 매우 사용자 친화적인 방법이 아니라고 주장할 수도 있습니다. <meta name = "viewport" content = "width=d
HTML 생성 및 편집 속도를 높이려면 HTML 파일을 3개의 개별 HTML 파일로 분할해야 합니다. − 헤더 바닥글 콘텐츠 이것은 정적 HTML 웹사이트에서는 불가능합니다. 그러나 이것은 PHP를 통해 가능합니다. 또 다른 방법은 기본 페이지가 이미 로드된 후 JavaScript를 사용하여 페이지 조각을 로드하는 것입니다.
사용자가 특정 영역에 있을 때만 사용자의 최신 위치를 추적해야 하는 요구 사항이 있는 경우 별도의 코드를 작성합니다. HTML에서 사용자에게 위치 공유를 요청하는 시점을 결정하는 코드는 다음과 같습니다. - if (frstTime) { //First time navigator.getCurrentPosition(function (coordinates) { if (coordsAreInTheBox) {
Internet Explorer 8 및 이전 버전은 탐색, 헤더 및 기사와 같은 의미 요소를 지원하지 않습니다. 의미 요소의 스타일을 지정하기 위해 Modernizer가 사용됩니다. 일부 CSS를 추가하여 기본적으로 CSS를 차단할 수 있습니다. article, header, nav, section, footer { display:block; } 다음 코드를 작성하여 JavaScript를 통해 고유한 요소를 만들 수도 있습니다. − <script> document.create
HTML5 Geolocation 또는 Google API를 사용하여 위도와 경도를 얻으려면 이를 위한 JavaScript를 추가해야 합니다. 스크립트는 다음과 같습니다 - if (navigator.geolocation) { /* 현재 위치를 얻으면 성공, 그렇지 않으면 실패입니다. 실패 시 별도의 오류 메시지가 표시됩니다. */ navigator.geolocation.getCurrentPosition(successFunc, errorFunc);} else { alert(브라우저에서 지리적 위치가 활성화되어 있지 않습니다. 지원하려
div 중 하나를 다른 스타일 시트에 배치하면 Internet Explorer에서 메뉴가 보이지 않게 할 수 있습니다. If 불투명도 국경을 초월한 솔루션이 아닌 속성이 사용된 경우 다음과 같이 표시되어야 합니다. - opaque { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; // first filter: alpha(opacity=90); // second }
위치가 고정된 캔버스에 z 인덱스를 적용하면 중지로 인해 Chrome에서 position:fixed가 있는 다른 모든 요소를 렌더링합니다. 이는 캔버스 크기가 256X256픽셀보다 큰 경우에만 발생합니다. 고정 div로 h1과 캔버스를 모두 감싸고 문제를 해결합니다. − <div id = 'fixcontainer'> <h1>Test Title</h1> <canvas id = "backgroundCanvas" wid
기본 모바일 앱 및 애플리케이션에도 유사한 규칙이 있습니다. PhoneGap 또는 Cardova의 화이트리스트에 필요한 도메인만 추가하면 됩니다. 장치는 서버 역할을 하며 URL의 콘텐츠에 액세스할 수 있습니다. PhoneGap이 사용되는 경우 도메인이 화이트리스트 또는 와일드카드에 추가됩니다. 기본 애플리케이션을 처리하는 동안 https:// 대신 file://에서 요청을 할 것으로 예상합니다. 그러나 HTTP 프로토콜을 통해 요청이 이루어지지 않으므로 동일한 규칙이 적용되지 않습니다. 네이티브 모바일 앱에서 요청하면 큰 문