Estou tendo algum problema para obter o conteúdo gerado de um pseudoelemento via Javascript em navegadores webkit.

Contexto para aqueles que se importam: Estou trabalhando em um aplicativo móvel jQuery e tentando usar ícones FontAwesome. Eu esperava poder adicioná-los com a mesma propriedade de ícone de dados que o jQM usa para seu próprio conjunto de ícones internos. Então eu tenho um script que procura na página por qualquer coisa com a classeui-icon-whatever e adiciona o correspondenteicon-whatever class for FontAwesome. O problema é que o FontAwesome usa pseudo-conteúdo para seus ícones, enquanto o jQM usa sprites de imagem de fundo antiquados. Então, se houver alguma sobreposição nos nomes dos ícones (ambos os conjuntos têm um ícone chamado "editar", por exemplo), acabo com um ícone sobreposto ao outro. Como você pode imaginar que parece ... menos que ótimo. Então, eu estou tentando passar e remover a imagem de fundo de qualquer.ui-icon com um conjunto de propriedades de conteúdo. Basicamente, remova o ícone do jQM se existir um ícone do FontAwesome com esse nome.

Fiquei animado quando soube sobre getComputedStyle, mas já tenteiwindow.getComputedStyle(this,':before').content != '' e várias variações sem sucesso. Tentei com ':: before' e apenas 'before' como a segunda propriedade, e tentei compará-la com null ou false em vez de uma string vazia, mas o resultado é o mesmo: ou ela encontra todos os ícones ou nenhum deles.

Quando eu despejowindow.getComputedStyle(this,':before').content no console do Chrome, sempre recebo o que parece ser uma string vazia, mesmo nos casos em que deveria haver conteúdo. O Firefox acerta.Não tenho certeza se isso é uma coisa do Google Chrome ou uma coisa do webkit.

O que estou fazendo de errado?

Editar: Download do Safari 5 para Windows. É o mesmo. O conteúdo é sempre uma string vazia. Eu estou começando a pensar que pode ter algo a ver com o seletor de jQuery que estou usando para obterthis.