タグ ブラウザ側
人気順 5 users 10 users 50 users 500 users 1000 usersNext.jsはどうやってスクロール位置を復元するのか
Next.jsにはexperimental(実験的機能)でscrollRestorationというフラグが存在します。 // next.config.js const nextConfig = { // ... experimental: { scrollRestoration: true, }, } module.exports = nextConfig デフォルトでもブラウザ側でスクロール位置を復元してくれることもありますが、Safariでは復元されなか... 続きを読む
Python と Playwright でブラウザを自動操作させるコードを自動生成したよ - Qiita
Playwright が昨年1年間で大幅パワーアップしていたので、使い方を確認したときの記録のまとめです。 ブラウザを自動操作できるということは、簡単なスクレイピングやブラウザ側のテスト自動化が簡単にできるようになります。 特に、Python での解説がまだまだ少なかったので、自分の学習を含めてまとめました。 今回は... 続きを読む
ブラウザのキャッシュ - Carpe Diem
2017 - 06 - 23 ブラウザのキャッシュ Webフロント 概要 Webフロントのパフォーマンス診断 - Carpe Diem で指摘されたブラウザキャッシュの対応をするため調べてみました。 強いキャッシュと弱いキャッシュ 強いキャッシュはブラウザ側でリソースを有効期間まで保持し、再利用します。GETリク エス ト自体投げません。 弱いキャッシュはブラウザ側が「このファイル持ってるけど更新... 続きを読む
サーバサイドエンジニアでも押えておきたい!コアJavaScriptの基本知識 - Qiita
サーバサイドエンジニアでも押えておきたい!コアJavaScriptの基本知識JavaScript(3488)hkusuが2014/09/16にKobitoから投稿編集リクエストを作成する はじめに WEBアプリケーション開発において ブラウザ側 で何かをしたい場合、ブラウザで唯一動作する言語といっていい JavaScript を触らざるを得ません。ただ JavaScript は理解してしまえば難し... 続きを読む
"note"がAngularJSでどうやってSEO, Open Graphの対応をしているか | Koichiro Wada | note
noteはAngularJSを使って、ブラウザで描写しているこの"note"というサービスはAngularJSを使って、JavaScript側(つまりブラウザ側)でノートの中身を公開しているみたいなのです。それはブラウザでソースを見てみるとわかります。例えばhttps://note.mu/sadaaki/n/nd921f3f7c635のノートのソースをChromeで見てみると・・・まずhtmlタグ... 続きを読む
リファラとCSRF対策の話 - 金利0無利息キャッシング – キャッシングできます - subtech
リファラを使ったCSRF対策では多くの場合、想定していない、外部サイトのリファラが付いていたらエラーにする、ということが行われます。 一方で、ブラウザ側の設定に関わらず、リファラはいくつかの方法で消せます。 data uriからの送信 https から http への送信 meta referrerタグで送信しない指定をする(対応ブラウザのみ) 参考: http://wiki.whatwg.org... 続きを読む
ウノウラボ Unoh Labs: jQueryのパフォーマンス最適化に関するTips
こんにちは、山下です。 今回は、jQueryのパフォーマンス最適化について説明したいと思います。 軽量と言われているjQueryですが、いろいろな機能を実現しようとして複数のプラグインを導入すると、だんだんと動作が重くなってきます。サーバ側をいくらチューニングしたところで、ブラウザ側での処理に時間がかかっていたら、せっかく訪問してくれたユーザに重いサイトとして認識されてしまいます。以下に、ウノウで... 続きを読む