 |
|
|  |
ÇöÀç ÆäÀÌÁö°¡ location.reload()¿¡ ÀÇÇØ »õ·Î°íħµÇ¾ú´ÂÁö |
|
|
 |
5´Þ Àü |
ÇöÀç ÆäÀÌÁö°¡ location.reload()¿¡ ÀÇÇØ »õ·Î°íħµÇ¾ú´ÂÁö ¿©ºÎ¸¦ Á÷Á¢ÀûÀ¸·Î È®ÀÎÇÏ´Â ¹æ¹ýÀº ¾ø½À´Ï´Ù. ÇÏÁö¸¸ À̸¦ ¿ìȸÀûÀ¸·Î °¨ÁöÇÒ ¼ö ÀÖ´Â ¸î °¡Áö ¹æ¹ýÀÌ ÀÖ½À´Ï´Ù. ¿¹¸¦ µé¾î, sessionStorage³ª localStorage¸¦ »ç¿ëÇØ »õ·Î°íħ ¿©ºÎ¸¦ ÃßÀûÇÒ ¼ö ÀÖ½À´Ï´Ù.
´ÙÀ½Àº sessionStorage¸¦ È°¿ëÇÏ¿© ÆäÀÌÁö°¡ location.reload()·Î »õ·Î°íħµÇ¾ú´ÂÁö È®ÀÎÇÏ´Â ¹æ¹ýÀÔ´Ï´Ù
// »õ·Î°íħ ¿©ºÎ È®ÀÎ
if (performance.navigation.type === performance.navigation.TYPE_RELOAD) {
console.log("ÀÌ ÆäÀÌÁö´Â location.reload()¿¡ ÀÇÇØ »õ·Î°íħµÇ¾ú½À´Ï´Ù.");
} else {
console.log("ÀÌ ÆäÀÌÁö´Â »õ·Î°íħµÇÁö ¾Ê¾Ò½À´Ï´Ù.");
}
performance.navigation.type »ç¿ë
À§ÀÇ ÄÚµå´Â ºê¶ó¿ìÀúÀÇ Performance API¸¦ »ç¿ëÇÏ¿© ÆäÀÌÁö°¡ »õ·Î°íħ µÇ¾ú´ÂÁö¸¦ È®ÀÎÇÕ´Ï´Ù. performance.navigation.type ¼Ó¼ºÀº ÆäÀÌÁö°¡ ¾î¶² ¹æ½ÄÀ¸·Î ·ÎµåµÇ¾ú´ÂÁö¸¦ ³ªÅ¸³À´Ï´Ù:
performance.navigation.TYPE_RELOAD (1) : ÆäÀÌÁö°¡ »õ·Î°íħ µÇ¾úÀ» ¶§.
performance.navigation.TYPE_NAVIGATE (0) : »ç¿ëÀÚ°¡ Á÷Á¢ URLÀ» ÀÔ·ÂÇϰųª, ¸µÅ©¸¦ Ŭ¸¯ÇÏ¿© ÆäÀÌÁö°¡ ·ÎµåµÈ °æ¿ì.
ÇÏÁö¸¸ ÀÌ ¹æ¹ýÀº ÀϺΠÃֽŠºê¶ó¿ìÀú¿¡¼´Â performance.navigation API°¡ ´õ ÀÌ»ó »ç¿ëµÇÁö ¾ÊÀ» ¼ö ÀÖ½À´Ï´Ù. ÀÌ °æ¿ì PerformanceNavigationTiming ÀÎÅÍÆäÀ̽º¸¦ »ç¿ëÇÏ¿© °°Àº Á¤º¸¸¦ È®ÀÎÇÒ ¼ö ÀÖ½À´Ï´Ù.
if (performance.getEntriesByType("navigation")[0].type === "reload") {
console.log("ÀÌ ÆäÀÌÁö´Â location.reload()¿¡ ÀÇÇØ »õ·Î°íħµÇ¾ú½À´Ï´Ù.");
} else {
console.log("ÀÌ ÆäÀÌÁö´Â »õ·Î°íħµÇÁö ¾Ê¾Ò½À´Ï´Ù.");
}
À§ÀÇ Äڵ带 »ç¿ëÇϸé, location.reload()¸¦ ÅëÇØ »õ·Î°íħµÇ¾ú´ÂÁö¸¦ ´õ Á¤È®ÇÏ°Ô °¨ÁöÇÒ ¼ö ÀÖ½À´Ï´Ù. |
|
̵̧ : 25 |
̵̧
¸ñ·Ï
|
|
|  |
|