読者です 読者をやめる 読者になる 読者になる

FirefoxのGoogle™ Translatorが特定のサイトで動かない

f:id:nextugi:20151215221906p:plain:w400

Google™ Translator っていう翻訳アドオンを使ってるんだけどさ、これが4chanで動かない。翻訳ボタンは出てくるんだけど、クリックしても結果が出てこない。

どうなっているのか調べたら4chanCSSとバッティングしてたわ。Google Translatorは以下の様な要素をページに挿入して結果を表示してるんだけど、

<iframe scrolling="no" class="igtranslator-iframe" src="about:blank" frameborder="0"></iframe>

4chanCSS https://s.4cdn.org/css/catalog_yotsuba_b_new.639.css に以下のような記述があるからiframeが見えなくなっちゃう。

iframe[src="about:blank"] {
    display: none;
}

なんという偶然。

回避策

原因がわかれば対処法は簡単である。
userContent.css に、こう書いておけばいい。

@-moz-document domain(boards.4chan.org)
{
  div.igtranslator-main-div iframe.igtranslator-iframe {
    display: block !important;
  }
}