--g- 접두사가 붙은 CSS 변수 세트를 제공합니다. 이러한 변수는 라이트 모드와 다크 모드 모두에 잘 적응하므로 스타일을 더 안정적이고 유지 관리하기 쉽게 만들어 줍니다.예: 기본 텍스트 색상 변경
.g- 접두사가 붙은 Apidog의 예약 클래스 이름을 사용하십시오. 이러한 클래스 이름은 비교적 안정적이며 DOM 변경으로 인해 깨질 가능성이 낮습니다.예: 왼쪽 사이드바 숨기기
.g-로 시작하는 클래스 이름을 사용하는 것을 권장합니다. 이러한 클래스 이름은 플랫폼에서 예약되어 있으며, 구조가 비교적 안정적이고 쉽게 실패하지 않습니다. 다른 구조적 클래스 이름은 제품 업그레이드 후 스타일 적용이 실패하지 않도록 주의해서 사용하십시오.Command + Option + I 또는 fn + F12Ctrl + Shift + I 또는 fn + F12 또는 F12Cmd/Ctrl + F)을 사용하여 클래스 이름을 찾을 수도 있습니다.<script> 또는 <style> 태그를 지원하지 않습니다. 이를 순수 JavaScript로 변환해야 합니다. 예를 들면 다음과 같습니다.I'm using Apidog's "Custom JavaScript" feature, which only allows pure JavaScript (no <script> or <style> tags).
Please convert the following code to pure JavaScript. Here are the requirements:
1. Rewrite the <script> tag to document.createElement('script') dynamic creation method;
2. Inject the <style> content into the newly created style tag and insert the head;
3. Please use standard methods (such as createElement, appendChild) for all DOM operations, and do not use document.write;
4. If the original code uses `window.addEventListener('DOMContentLoaded', ...)` or `window.addEventListener('load', ...)` only to wait for the page before running code, remove the event listener and run the code directly. Apidog executes custom JavaScript after the documentation page has been rendered, so the browser's `load` event may already have passed by that time; code registered inside a `load` listener may not be executed;
5. The final generated JavaScript should be able to run directly in the browser without any explanation.
Original code:
---
(paste your code here)
---
https://xxx.apidog.io/로 시작)를 통해 접근하는 경우, 사용자 지정 JS는 로드 및 실행되지 않습니다.load 이벤트가 이미 지나갔을 수 있으므로 window.addEventListener('load', ...) 안에 배치된 코드는 실행되지 않을 수 있습니다. 대부분의 경우에는 대신 코드를 직접 실행하십시오.iframe.src를 사용 중인 AI 서비스로 교체하십시오. 예:
