Articles of webkit

Obtendo dados BLOB da solicitação XHR

var xhr = new XMLHttpRequest(); xhr.open(‘GET’, ‘http://sofpt.miximages.com/javascript/reddit.com.header.png’, true); xhr.responseType = ‘arraybuffer’; xhr.onload = function(e) { if (this.status == 200) { var uInt8Array = new Uint8Array(this.response); var byte3 = uInt8Array[4]; var bb = new WebKitBlobBuilder(); bb.append(xhr.response); var blob = bb.getBlob(‘image/png’); var base64 = window.btoa(blob); alert(base64); } }; xhr.send(); Basicamente, o que estou tentando fazer aqui é […]

As animações CSS do iPhone WebKit causam cintilação

Este é o site do iPhone: http://www.thevisionairegroup.com/projects/accessorizer/site/ Depois de clicar em “jogar agora”, você chegará a um jogo. As armas irão rolar para dentro. Você pode rolar a bolsa e os acessórios para cima e para baixo. Você pode ver que quando você solta eles se encheckboxm. Assim como esse snap acontece, há um tremor […]

Evitando que as barras de rolagem sejam ocultas para usuários do trackpad do MacOS no WebKit / Blink

O comportamento padrão do WebKit / Blink (Safari / Chrome) no MacOS desde o 10.7 (Mac OS X Lion) é ocultar as barras de rolagem dos usuários do trackpad quando eles não estiverem em uso. Isso pode ser confuso ; a barra de rolagem é geralmente a única sugestão visual de que um elemento é […]

css z-index perdido depois do webkit transformar translate3d

Eu tenho dois elementos div posicionados de forma absoluta que se sobrepõem. Ambos definiram valores de z-index via css. Eu uso o translate3d webkit transform para animar esses elementos fora da canvas e, em seguida, de volta para a canvas. Após a transformação, os elementos não respeitam mais seus valores de z-index definidos. Alguém pode […]

animação de transição css3 em carga?

É possível usar a animação de transição CSS3 no carregamento da página sem usar o Javascript? Isso é o que eu quero, mas no carregamento da página: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html O que eu encontrei até agora Atraso de transição CSS3 , uma maneira de atrasar os efeitos nos elementos. Funciona apenas no foco. CSS3 Keyframe , funciona […]

As implementações comuns de JavaScript usam string interning?

Os mecanismos comuns do JavaScript, como o V8 e o JavaScriptCore do WebKit, usam cadeia de caracteres para internação de strings JavaScript? Ou eles realmente mantêm várias instâncias de cadeias idênticas na memory?

Como remover o destaque da borda em um elemento de texto de input

Quando um elemento html é ‘focalizado’ (atualmente selecionado / tabulado para), muitos navegadores (pelo menos Safari e Chrome) colocarão uma borda azul em torno dele. Para o layout em que estou trabalhando, isso é uma distração e não parece certo. FireFox não parece fazer isso, ou pelo menos, vai me deixar controlá-lo com border: x; […]

Disparando um evento de teclado em JavaScript

Eu estou tentando simular um evento de teclado no Safari usando JavaScript. Eu tentei isso: var event = document.createEvent(“KeyboardEvent”); event.initKeyboardEvent(“keypress”, true, true, null, false, false, false, false, 115, 0); … e também isso: var event = document.createEvent(“UIEvents”); event.initUIEvent(“keypress”, true, true, window, 1); event.keyCode = 115; Depois de tentar as duas abordagens, no entanto, tenho o […]

Como posso forçar o WebKit a redesenhar / repintar para propagar mudanças de estilo?

Eu tenho alguns JavaScript trivial para efetuar uma mudança de estilo: sel = document.getElementById(‘my_id’); sel.className = sel.className.replace(/item-[1-9]-selected/,’item-1-selected’); return false; Isso funciona bem com as versões mais recentes do FF, Opera e IE, mas falha nas versões mais recentes do Chrome e do Safari. Ela afeta dois descendentes, que são irmãos. As primeiras atualizações de irmãos, […]

Converter dados URI para arquivo, em seguida, acrescentar a FormData

Eu tenho tentado reimplantar um carregador de imagens HTML5 como o do site Mozilla Hacks , mas isso funciona com os navegadores WebKit. Parte da tarefa é extrair um arquivo de imagem do object de canvas e anexá-lo a um object FormData para upload. O problema é que, embora canvas tenha a function toDataURL para […]