Запитання з тегом «cross-browser»

Розробка крос-браузерів стосується практики створення веб-сайтів, веб-додатків, бібліотек або компонентів, щоб вони функціонували в різних веб-браузерах та системах візуалізації.

8
Як отримати ширину екрана без (мінус) смуги прокрутки?
У мене є елемент і потрібна його ширина без (!) Вертикальної смуги прокрутки. Firebug повідомляє мені, що ширина тіла - 1280 пікселів. Будь-який із цих функцій відмінно працює у Firefox: console.log($('.element').outerWidth() ); console.log($('.element').outerWidth(true) ); $detour = $('.child-of-element').offsetParent(); console.log( $detour.innerWidth() ); Всі вони повертають 1263px , що є значенням, яке я …
5
Показати мітки даталістів, але подати фактичне значення
В даний час <datalist>елемент HTML5 підтримується у більшості основних браузерів (крім Safari) і представляється цікавим способом додавання пропозицій до введення. Однак, схоже, є деякі розбіжності між реалізацією valueатрибута та внутрішнім текстом на <option>. Наприклад: <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> У різних браузерах це обробляється по-різному: Chrome …
11
Отримайте рядкове представлення вузла DOM
Javascript: у мене є DOM-представлення вузла (елемента чи документа), і я шукаю рядкове його представлення. Наприклад, var el = document.createElement("p"); el.appendChild(document.createTextNode("Test")); повинен дати: get_string(el) == "<p>Test</p>"; У мене є сильне відчуття, що мені не вистачає чогось тривіально простого, але я просто не знаходжу методу, який працює в IE, FF, Safari …
6
Які теги HTML5 можна використовувати, не турбуючись про сумісність браузера?
Я будую веб-додаток для використання на ПК. Які теги HTML5 слід уникати, щоб запобігти проблемам сумісності з такими браузерами, як IE8 і вище? Примітка: Більшість запитань на цю тему мають 1-3 роки.
8
Чи порушено повідомлення про похідне повідомлення в IE10?
Я намагаюся змусити банальний postMessageприклад працювати ... в IE10 між вікнами / вкладками (проти iframes) за походженням Видаліть будь-яку з цих умов, і все працює нормально :-) Але, наскільки я можу зрозуміти, між вікнами, postMessageздається, працює лише в IE10, коли обидва вікна мають спільне походження. (Ну, насправді - і дивно …
9
Як стиснути зображення через Javascript у браузері?
TL; DR; Чи є спосіб стиснути зображення (здебільшого jpeg, png та gif) безпосередньо на стороні браузера, перш ніж завантажувати його? Я майже впевнений, що JavaScript може це зробити, але я не можу знайти спосіб цього досягти. Ось повний сценарій, який я хотів би реалізувати: користувач переходить на мій веб-сайт і …
4
Визначення завантаження вмісту Iframe (перехресний браузер)
Я намагаюся виявити, коли iframe та його вміст завантажуються, але не надто щастить. Моя програма робить певний ввід у текстових полях у батьківському вікні та оновлює iframe, надаючи "попередній перегляд" Я розпочав з наступного коду (YUI), щоб виявити, коли відбувається подія завантаження iframe. $E.on('preview-pane', 'load', function(){ previewBody = $('preview-pane').contentWindow.document.getElementsByTagName('body')[0]; } …
7
Чи існує значення перехресного браузера css для “width: -moz-fit-content;”?
Мені потрібні деякі 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: …
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 …
9
Правильний спосіб використання Modernizr для виявлення IE?
Я хотів використати бібліотеку Modernizr JS для виявлення деяких властивостей браузера, щоб визначити, який вміст відображати чи не показувати. У мене є додаток Pano2VR, який виводить як HTML5, так і SWF. Мені потрібен HTML5 для користувачів пристроїв iOS. Однак IE взагалі не відображає цей вивід "HTML5". Здається, їх вихід використовує …
7
Параметр діаграми високих діаграм backgroundColor: `` прозорий '', чорний на IE 8
Highchartsваріант діаграми, backgroundColor:'transparent'показуючи чорний наIE 8 histogram = new Highcharts.Chart({ chart: { renderTo: 'histogram', defaultSeriesType: 'bar', backgroundColor:'transparent' } Це чудово працює на I.E 9інших, але не працює на IE 8, і Safari хтось знає, чому?
3
Як я можу змусити event.srcElement працювати у Firefox і що це означає?
на веб-сайті моєї компанії є заява if, яка робить одну веб-сторінку несумісною з firefox if(event.srcElement.getAttribute("onclick") == null){ ...code.. document.mainForm.submit(); } Я прокоментував умови оператора if і тепер працює з forefox. Моє питання полягає в тому, що таке event.srcElement.getAttribute ("onclick"), чи це важливо, чи не спричинить це проблем у майбутньому? також, …
7
Uncaught TypeError: Object.values ​​не є функцією JavaScript
У мене є такий простий об’єкт, як наведений нижче: var countries = { "Argentina":1, "Canada":2, "Egypt":1, }; Мені потрібно створити два масиви. Перший масив - це масив усіх ключів від об’єкта. Я створив цей масив за допомогою: var labels = Object.keys(countries); Це добре працює. Я отримую безліч країн. Тепер, коли …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.