«cross-browser» 태그된 질문

크로스 브라우저 개발이란 웹 사이트, 웹 응용 프로그램, 라이브러리 또는 구성 요소를 구축하여 서로 다른 웹 브라우저 및 렌더링 엔진에서 작동하도록하는 방법을 말합니다.

8
(마이너스) 스크롤바없이 화면 너비를 얻는 방법?
요소가 있고 세로 스크롤 막대가없는 너비가 필요합니다. Firebug는 몸 너비가 1280px라고 말합니다. 다음 중 하나는 Firefox에서 잘 작동합니다. console.log($('.element').outerWidth() ); console.log($('.element').outerWidth(true) ); $detour = $('.child-of-element').offsetParent(); console.log( $detour.innerWidth() ); 그들은 모두 내가 찾고있는 값인 1263px를 반환 합니다. 그러나 다른 모든 브라우저는 1280px를 제공합니다 . (!) 세로 스크롤바없이 전체 화면 너비를 얻는 …
5
데이터 목록 레이블을 표시하지만 실제 값을 제출합니다.
현재 HTML5 <datalist>요소는 대부분의 주요 브라우저 (Safari 제외)에서 지원되며 입력에 제안을 추가하는 흥미로운 방법으로 보입니다. 그러나 value속성 의 구현과 .NET Framework 의 내부 텍스트 간에 약간의 불일치가있는 것 같습니다 <option>. 예를 들면 : <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> 이것은 다른 브라우저에서 다르게 처리됩니다. Chrome 및 Opera …
11
DOM 노드의 문자열 표현 가져 오기
Javascript : 노드 (요소 또는 문서)의 DOM 표현이 있고 그 문자열 표현을 찾고 있습니다. 예 : var el = document.createElement("p"); el.appendChild(document.createTextNode("Test")); 산출해야합니다 : get_string(el) == "<p>Test</p>"; 나는 사소한 일을 놓치고 있다는 강한 느낌을 가지고 있지만 IE, FF, Safari 및 Opera에서 작동하는 방법을 찾지 못했습니다. 따라서 outerHTML은 옵션이 아닙니다.
8
교차 출처 postMessage가 IE10에서 깨졌습니까?
나는 사소한 postMessage예제 를 만들려고 노력하고 있습니다 ... IE10에서 창 / 탭 간 (vs. iframe) 기원을 넘어 이러한 조건 중 하나를 제거하면 잘 작동합니다. :-) 그러나 내가 말할 수있는 한, 윈도우 사이는 postMessage두 윈도우가 원점을 공유 할 때만 IE10에서 작동하는 것처럼 보입니다. (사실 이상하게도 그 행동은 그것보다 약간 더 관대합니다. …
4
Iframe 콘텐츠가로드 된시기 감지 (크로스 브라우저)
iframe과 해당 콘텐츠가로드되었지만 운이 좋지 않은시기를 감지하려고합니다. 내 응용 프로그램은 상위 창의 텍스트 필드에 일부 입력을 받고 iframe을 업데이트하여 '실시간 미리보기'를 제공합니다. iframe로드 이벤트가 발생하는시기를 감지하기 위해 다음 코드 (YUI)로 시작했습니다. $E.on('preview-pane', 'load', function(){ previewBody = $('preview-pane').contentWindow.document.getElementsByTagName('body')[0]; } 'preview-pane'은 내 iframe의 ID이며 YUI를 사용하여 이벤트 핸들러를 연결하고 있습니다. 그러나 내 …
9
브라우저에서 자바 스크립트를 통해 이미지를 압축하는 방법은 무엇입니까?
TL; DR; 이미지 (대부분 jpeg, png 및 gif)를 업로드하기 전에 브라우저에서 직접 압축하는 방법이 있습니까? JavaScript가 이것을 할 수 있다고 확신하지만 그것을 달성하는 방법을 찾을 수 없습니다. 구현하려는 전체 시나리오는 다음과 같습니다. 사용자가 내 웹 사이트로 이동하여 input type="file"요소 를 통해 이미지를 선택합니다 . 이 이미지는 JavaScript를 통해 검색되며 올바른 …
7
"width : -moz-fit-content;"에 대한 CSS 크로스 브라우저 값이 있습니까?
중앙에 배치 하고 동시에 콘텐츠 너비 에 맞추려면 div가 필요합니다 . 나는 지금 다음과 같이하고 있습니다. .mydiv-centerer{ text-align: center; .mydiv { background: none no-repeat scroll 0 0 rgba(1, 56, 110, 0.7); border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px #0099FF; color: white; margin: 10px auto; padding: 10px; text-align: justify; …
9
Modernizr를 사용하여 IE를 감지하는 올바른 방법?
Modernizr JS 라이브러리를 사용하여 일부 브라우저 속성을 감지하여 표시하거나 표시하지 않을 콘텐츠를 결정하고 싶었습니다. HTML5와 SWF를 모두 출력하는 Pano2VR 이라는 앱이 있습니다 . iOS 기기 사용자를위한 HTML5가 필요합니다. 그러나 IE는이 "HTML5"출력을 전혀 렌더링하지 않습니다. 그들의 출력은 CSS3 3D 변환 및 WebGL을 사용하는 것으로 보입니다. 하나 이상의 IE9에서 지원되지 않는 것 …
2
텍스트 영역 아래의 추가 공간, 브라우저에 따라 다름
textarea 태그 아래에 추가 공간이 있습니다. 다른 브라우저에서 1 ~ 4 픽셀. 마크 업은 매우 간단합니다. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> body { margin: 0; padding: 0; } .main { background-color: red; } textarea { background-color: gray; resize: none; margin: 0; border: 0 none; …
3
Firefox에서 event.srcElement를 어떻게 작동시킬 수 있으며 그 의미는 무엇입니까?
내 회사 웹 사이트에 하나의 웹 페이지를 firefox와 호환되지 않게 만드는 if 문이 있습니다. if(event.srcElement.getAttribute("onclick") == null){ ...code.. document.mainForm.submit(); } 나는 if 문 조건을 주석 처리했으며 이제 forefox와 함께 작동합니다. 제 질문은 event.srcElement.getAttribute ( "onclick")가 무엇인지, 그것이 중요한지, 그것이 미래에 문제를 일으킬 것인가입니다. 또한 파이어 폭스에서 작동하도록 조건을 대체 할 …
7
포착되지 않은 TypeError : Object.values는 함수 JavaScript가 아닙니다.
다음과 같은 간단한 개체가 있습니다. var countries = { "Argentina":1, "Canada":2, "Egypt":1, }; 두 개의 배열을 만들어야합니다. 첫 번째 배열은 객체의 모든 키 배열입니다. 이 배열을 다음과 같이 만들었습니다. var labels = Object.keys(countries); 이것은 잘 작동합니다. 나는 여러 국가를 얻습니다. 이제 값에서 배열을 만들려고 할 때 ... var labels = …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.