[HTML] redirect <meta http-equiv="refresh"/>로 해결한 사례

일하면서 알게된 것들을 기록합니다. 📝 언젠간 퍼즐이 맞춰지겠죠.

이렇게 1차 조건을 해결했지만

✅ 또 다른 이슈가 있었으니.

위와 같은 query string 형식의 url이 전달 될 때 오류가 나는 현상.

인코딩의 문제인가 싶어, 인코딩/디코딩 등 어떤 방식으로 변환하여 전달해도 소용이 없었다.

Cefsharp를 통하면 query string 형식의 url은 동작되지 않는 이슈가 있다고 한다.

그래서 무엇을 전달되게 할까? 가 아닌, 어떻게 실행되게 할까?로 초점을 옮겼다.

📍과장님의 아이디어 1.

C#에서

'브라우저 실행("explorer.exe") > 해당 링크로 연결'이 아닌

'cmd를 실행하고 이를 통해 > 브라우저 실행 > 링크 연결'로 구현해보았다.

하지만 cmd가 켜졌다 꺼지는 찰나가 UX상으로 만족스럽지 않았고, 분명 어디선가 지적 받을 각이었다.

📍과장님의 아이디어 2.

iframe

우리의 웹 페이지를 하나 더 만들어서 iframe을 만들고, 해당 주소를 src에 넣는 것.

/sub/test.html

<html lang="en">
<head>
<body>
  <iframe src="https://kangdanne.tistory.com?post=10101010"></iframe>
</body>
</html>

<a href="#" onclick="Myfunction.openLink('https://kangdanne.tistory.com/sub/test.html')">
  go blog
</a>

완전 굿 아이디어라고 시도해 봄.

이 방식으로 작업 중, css적으로 일체화 시키는 공수가 더 들어가서(사이즈, 스크롤 문제 등) 살짝 조급함을 느끼던 찰나.

html의 meta tag를 이용한 리다이렉션이생각났다. (이것도 전에 과장님 코드에서 본적있었던)

📍아이디어 2를 통한 내 아이디어3

<html>
    <meta http-equiv="refresh" content="0; url=https://kangdanne.tistory.com?post=10101010 "/>
</html>

위 코드의 의미 : " 이 페이지는 refresh (새로고침)될 것이다. 0초만에 url 속성으로 지정된 사이트로"

유저가 예상하지 않는 redirection은 SEO친화적이지 않지만, 다행히 이 프로그램은 SEO가 필요없는 부분이라 부담없이 사용했다고 할 수있다. 휴.

[HTML]오디오 재생 시 재생 중인 다른 오디오 정지 (HTML Audio DOM) (0)	2023.12.01
[HTML]canvas 사용법 - 기본 (rect, path, arc) (0)	2023.05.27
[HTML] a태그 link와 onclick을 통한 링크 이동 (with C#) (0)	2022.06.15
video태그 - 자동 재생 autoplay에 대한 방법과 생각 (3)	2022.03.15
유튜브 매개변수 - 영상 자동 재생, 연속재생, 컨트롤러 숨김 등 (0)	2020.07.14

Hello, Dan:d World! _