webkit- все статьи тега


Принудительная проверка орфографии на текстовой области в WebKit

Я создаю браузер на основе QC / Data entry app, который позволит людям редактировать OCRed файлы, в которых, естественно, есть тонны ошибок. Куски данных помещаются в текстовые области, чтобы их можно было проверить, но красные подчеркивания появляются только тогда, когда пользователь вручную помещает курсор в слово с ошибкой. Есть ли способ заставить WebKit добавить маленькие красные подчеркивания проверки орфографии в текстовые области? ...

CSS Border radius не обрезка изображения на Webkit

Мне трудно понять, почему border-radius исчезает из моего элемента # screen при использовании chrome, но не firefox или ie9? У меня есть все разные префиксы для каждого браузера плюс стандартный радиус границы: Www.cenquizqui.com Верхнее поле содержимого, содержащее изображения, называется # screen Копипаст css экрана: #screen {background: none repeat scroll 0 0 #EEEEEE; display: block; height: 300px; position: relative; width: 960px; overflow:hidden; -moz-border- ...

UIWebView изменяет размер текста после поворота: ищет объяснение магической ошибки или моей глупости

Итак, у меня есть UIWebView в моем приложении, и я загружаю в него html (статью), ставлю CSS, чтобы сделать все лучше. Это просто и понятно, и все идеально, пока я не попробую добавить чтение в ландшафтную функциональность, а затем я заметил, что UIWebView игнорирует любой css "размер шрифта", который я поместил в HTML, и резко увеличивает размер шрифта после поворота в ландшафтный режим. Я потратил около 4-5 часов (я новичок в программировании приложений для Iphone, но я довольно упрям, когда ...

Отключить автоматический полноэкранный режим встраиваемых YouTube на iPhone

Как мы узнаем из других вопросов на сайте, чтобы в iOS Mobile Safari у нас есть эти вкусные атрибуты webkit-playesinline и более сжатые playsinline, чтобы отключить автоматический полноэкранный режим видео. Несмотря на это чудо, я до сих пор не могу понять, как добавить это в YouTube html5 embeds. Как и ожидалось, YouTube <video> содержится в <iframe>. Идеальным результатом является что-то вроде следующего: <video tabindex="-1" class="video-stream html5-main-video" ...

Отправка формы на "Enter" с помощью jQuery?

У меня есть стандартная форма входа в систему-текстовое поле электронной почты, поле пароля и кнопка отправки в проекте AIR, использующем HTML/jQuery. Когда я нажимаю Enter в форме, все содержимое формы исчезает, но форма не представляется. Кто-нибудь знает, является ли это проблемой Webkit (Adobe AIR использует Webkit для HTML), или если я все испортил? пробовал: $('.input').keypress(function (e) { if (e.which == 13) { $('form#login').submit(); } }); но это ни остановило поведени ...

Максимальный размер стека вызовов превысило ошибка

Я использую файл библиотеки JavaScript Direct Web Remoting (DWR) и получаю сообщение об ошибке только в Safari (desktop и iPad) Он говорит: максимальный размер стека вызовов превысило. что именно означает эта ошибка и полностью ли она прекращает обработку? также любое исправление Safari браузер (на самом деле на iPad Safari, Он скажет JS: время выполнения превышено что Я предполагаю, что это та же проблема стека вызовов) ...

Javascript / Chrome-Как скопировать объект из инспектора webkit в виде кода

Я делаю в консоли.заявление войти в мой код JavaScript для того, чтобы войти в объект JavaScript. Мне интересно, есть ли способ, как только это будет сделано - скопировать этот объект в виде кода javascript. То, что я пытаюсь сделать, это преобразовать объект, который был создан с помощью ajax для анализа XML-канала в статический объект javascript, чтобы файл мог работать локально, без сервера. Я включил скриншот объекта в окне инспектора chrome, чтобы вы могли видеть, что я пытаюсь сделать. ...

Преобразуйте URI данных в файл, а затем добавьте в FormData

Я пытался повторно реализовать загрузчик изображений HTML5, как один на Mozilla хаки сайт, но это работает с браузерами WebKit. Часть задачи состоит в том, чтобы извлечь файл изображения из canvas "объект" и добавить его в FormData API. решение Mozilla использовало следующую функцию Firefox-only на canvas: var file = canvas.mozGetAsFile("foo.png"); ...который не доступен в браузерах WebKit. Лучшее решение, которое я мог бы придумать, - это найти способ преобразовать URI данных в объект File ...

Пользовательская CSS полоса прокрутки для Firefox

Я хочу настроить полосу прокрутки с помощью CSS. Я использую этот код webkit CSS, который хорошо работает для Safari и Chrome: ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track-piece { background-color: #C2D2E4; } ::-webkit-scrollbar-thumb:vertical { height: 30px; background-color: #0A4C95; } Как я могу сделать то же самое в Firefox? Я знаю, что могу легко сделать это с помощью jQuery, но я бы предпочел сделать это с помощью чистого CSS, есл ...

Цвет фона не отображается в режиме предварительного просмотра

Я пытаюсь распечатать страницу. На этой странице Я дал таблице цвет фона. Когда я просматриваю предварительный просмотр печати в chrome, он не принимает свойство цвета фона... поэтому я попробовал это свойство: -webkit-print-color-adjust: exact; но все равно его не показывает цвет. http://jsfiddle.net/TbrtD/ .vendorListHeading { background-color: #1a4567; color: white; -webkit-print-color-adjust: exact; } <div class="bs-docs-example" id="soTable" style="padding-top: 10px;"> ...

jQuery получить расположение элемента относительно окна

учитывая HTML DOM ID, как получить позицию элемента относительно окна в JavaScript / JQuery? Это не то же самое, что относительно документа или смещения родителя, так как элемент может быть внутри iframe или некоторых других элементов. Мне нужно получить расположение экрана прямоугольника элемента (как в положении и измерении), как он отображается в настоящее время. Отрицательные значения допустимы, если элемент в настоящее время находится вне экрана (были прокручены). Это для приложения iPa ...

CSS3 анимация перехода при загрузке?

можно ли использовать анимацию перехода CSS3 при загрузке страницы без использования Javascript? это своего рода то, что я хочу, но на странице загрузки: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html то, что я нашел до сих пор CSS3 переход-задержка, способ задержки воздействия на элементы. Работает только при наведении курсора. ключевой кадр CSS3, работы по нагрузка, но чрезвычайно медленно. Не полезно из-за этого. переход CSS3 достаточно быстро, но не анимации при загру ...

CSS3 непрерывный поворот анимации (так же, как загрузка солнечных часов)

Я пытаюсь скопировать индикатор активности Apple style (значок загрузки солнечных часов) с помощью анимации PNG и CSS3. У меня есть изображение, вращающееся и делающее это непрерывно, но, похоже, есть задержка после того, как анимация закончилась, прежде чем она сделает следующий поворот. @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } #loading img { -webkit-animation-name: rotate; -webkit-an ...

Заполнение css заполнителя HTML5

Я видел этот post уже и пробовал все, что мог, чтобы изменить отступы для меня прототип, но увы, похоже он просто не хочет сотрудничать. в любом случае, вот код для CSS. (EDIT: это сгенерированный css от sass) #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; } #search form { position: relative; } #search input { padding: 0 10px 0 29px; color: #555555; border: none; background: url('/images/bg_searchbar.png?12 ...

:активный псевдо-класс не работает в мобильном Safari

в Webkit на iPhone / iPad / iPod, указав стиль для: активный псевдокласс для <a> тег не срабатывает при нажатии на элемент. Как я могу заставить это сработать? Пример кода: <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a> ...

Как перезапустить CSS-анимацию WebKit с помощью JavaScript?

Итак, у меня есть это -webkit-animation правила: @-webkit-keyframes shake { 0% { left: 0; } 25% { left: 12px; } 50% { left: 0; } 75% { left: -12px; } 100% { left:0; } } и некоторые CSS, определяющие некоторые правила анимации на моем box: #box{ -webkit-animation-duration: .02s; -webkit-animation-iteration-count: 10; -webkit-animation-timing-function: linear; } Я могу shake the #box такой: document. ...

Сделайте элемента tbody прокруткой в браузерах webkit

Я в курсе этот вопрос, но ни один из ответов не работает в Safari, Chrome и т. д. принятая стратегия (как показано ниже) - это установить высоту тела и свойства переполнения следующим образом: <table> <thead> <tr><th>This is the header and doesn't scroll</th></tr> </thead> <tbody style="height:100px; overflow:auto;"> <tr><td>content that scrolls</td></tr> <tr><td>content that ...

Как получить фокус на вкладке Chrome, которая создала уведомление рабочего стола?

Я хотел бы реализовать ту же функциональность, что и Gmail в настоящее время. Когда приходит новое письмо или новый чат, появляется всплывающее окно уведомления, и если вы его нажмете, вкладка с Gmail будет сфокусирована. У меня есть этот код: var n = window.webkitNotifications.createNotification('ico.gif', 'Title', 'Text'); n.onclick = function(x) { this.cancel(); }; n.show(); когда я нажимаю уведомление, оно просто исчезает. Теперь мне нужно добавить некоторый код в функцию onclick, чтобы ...

Можно ли встроить Gecko или Webkit в форму Windows так же, как WebView?

Я хотел бы знать, если есть такая вещь, как Gecko.NET ;) я имею в виду, так же, как мы можем встроить WebView, и это "экземпляр" IE7 внутри любого приложения Windows Forms (и скажите ему navigateto(fancy_url);). Я хотел бы использовать Firefox или WebKit. кто-нибудь пробовал? обновление: пожалуйста, имейте в виду, что, хотя можно встроить геккон с помощью упомянутых элементов управления, это все еще невозможно print при использовании Геккон. обновление марта 2010: по-прежнему невозможно печ ...

$http не отправляет файлы cookie в запросах

мы работаем над веб-сервисом RESTful с Сервлетами AngularJS и Java. Когда пользователь входит в систему, наш сервер отправляет заголовок "Set-Cookie"на интерфейс. В Angular мы получаем доступ к заголовку через $cookies (ngCookie-модуль) и установите его. теперь, когда пользователь вошел в систему, он может, например, удалить некоторые вещи. Поэтому интерфейс отправляет запрос GET на серверную часть. Поскольку мы работаем на разных доменах, нам нужно установить некоторые заголовки CORS, а Angul ...