メルカリのCSS構造が変わる

実はstylusでCSSをオリジナルカスタムして見てます。

stylishに熱心だった前は積極的に公開していたんですが、公開されるたびサーバーが変えてしまうので、個人利用にとどめてます。

昨日2019/10/23 お昼ごろに一斉に変わったらしく、午前のアクセスでは問題なかったのが、午後のアクセスでオリジナルに戻っていてびっくりしました。

今回変わったのがCSSのIDやclassの隠匿化。あとHEADにnonce属性が追加されインジェクションのセキュリティが向上しています。

最初は大きく変わらないかと思っていたんですが、見比べてみるといろいろ違うところがあってまあ感じてほしいです。

今のところCSSいじるだけで見栄えが変わるけど行く行くはJavascriptで変えなくてはならないのかなと思ってます。

ブランド別等は未だに旧です。

スクリーンショット 2019-10-24 09.58.00.png

その他のリストは新しくなりました。

スクリーンショット 2019-10-24 09.58.13.png

クラス名などがitem listみたいな単語からランダム文字列に変わっているのが分かると思いますが、構造も変わっています。おまけにnonceに合わせて、CSSの名前がどんどん変わっていきます。単にCSSいじるだけでは見栄えが変更できなくなりました。

見栄えを変えずに中身を変えるのは結構難しいものです。それをやってのけるmercari enginner さんには頭が下がります。

 

追記 2020-07-30

書こうと思っていて、忘れてました。変わってすぐ一週間もたたないうちにmercariは元に戻しました。ログインが要求されたり、色々使い勝手も悪かったのでしょう。

明らかにテンポラリーなサーバーっぽかったです。

ところが一週間くらい前の2020-07-23 日頃 カテゴリだけがまたnonce対応のcssに変わりました。ささっと手元のjavascriptも変えてみましたが、2ページ目が hidden になるなど今一つの動作で、改めて一から作り直そうと思ってます。

今度は本気なのか、ログインも求められず同一サーバーで運用しているようです。

ちなちなみに nonce で css なよく似たサイトが paypay モール。ほんとよく似たサイトです。