history.pushStateã€history.replaceState - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’勉強ã—ã¦ã„ãŸãƒ–ãƒã‚°HTML5ã®history.pushStateã€history.replaceStateを試ã—ãŸã€‚ HTML5 pushState/replaceState demoã§å‹•ã‹ã›ã‚‹ã€‚ Minefieldã ã¨å®Œå…¨ã«æ„図ã—ãŸé€šã‚Šã«å‹•ããŒWebKitã ã¨URLã¾ã‚ã‚ŠãŒã†ã¾ãã„ã‹ãªã„。 メインã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã®é€šã‚Šã€‚ canvasã§é©å½“ã«å£ç´™ç”¨ç”»åƒã‚’作るデモã§ã€ç”»åƒè‡ªä½“をクリックã—ã¦ä½•åº¦ã‚‚作り直ã›ã‚‹ã‚ˆã†ã«ã—ãŸã€‚ ã“ã†ã„ã†ç‰©ã‚’作るã¨ãã¯ã€å‰ã®ç”»åƒã«æˆ»ã‚Œã‚‹ã‚ˆã†å±¥æ´ç®¡ç†ã‚’ã™ã¹ãã ãŒã€ä»Šã¾ã§ã¯location.hashを使ã£ãŸã‚Šï¼ˆhashchangeイベントãŒå…¥ã‚‹ã¾ã§ã¯ã‚¿ã‚¤ãƒžãƒ¼ãŒå¿…è¦ã ã£ãŸï¼‰iframeを使ã£ãŸãƒãƒƒã‚¯ã ã£ãŸã‚Šï¼ˆãƒ–ラウザ間ã®äº’æ›æ€§ã‚„history.go(-2)ã‚’ãã¡ã‚“ã¨å‹•ã‹ã™ã®ãŒé›£ã—ã„）ã€ã‚ã‚‹ã„ã¯ãƒšãƒ¼ã‚¸ã‚’é·ç§»ã™ã‚‹ï¼ˆå¿…è¦ãªã„部分ã¾ã§æ¯Žå›žèªã¿è¾¼ã¾ã‚Œã‚‹ï¼‰å¿…è¦ãŒã‚ã£ãŸã€‚ pushState/repl
CSS Nite Vol.40 - Archiva
{{#tags}}- {{label}}
{{/tags}}