https://harryzetta.github.io/poc.io/

掃描 ID：: e3ba20b3-2413-4302-93dd-744a4eddef9b已完成
已提交的 URL：: https://harryzetta.github.io/poc.io/
報告完成時間：: 2024年11月1日 07:23:01

連結 · 找到 0 個

從頁面中識別的傳出連結

JavaScript 變數 · 找到 4 個

在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取

名稱	類型
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
Chatbot	object

主控台記錄訊息 · 找到 2 條

記錄到 Web 主控台的訊息

類型	類別	記錄
warning	other	Text Error with Permissions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'.
error	network	URL https://harryzetta.github.io/favicon.ico Text Failed to load resource: the server responded with a status of 404 ()

HTML

頁面的原始 HTML 主體

<html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="module">
        import Chatbot from "https://cdn.jsdelivr.net/npm/flowise-embed/dist/web.js"
        Chatbot.init({
        chatflowid: "c2b942b8-5dfa-45bb-b79e-cb9df312e4fa",
        apiHost: "https://bot.ai-spacex.co",
            chatflowConfig: {
    
            },
            theme: {
                button: {
                backgroundColor: "#56309c",
                right: 20,
                bottom: 20,
                size: 48, // small | medium | large | number
                dragAndDrop: true,
                iconColor: "white",
                customIconSrc: "https://raw.githubusercontent.com/walkxcode/dashboard-icons/main/svg/google-messages.svg",
                },
                tooltip: {
                showTooltip: true,
                tooltipMessage: 'Hi There 👋!',
                tooltipBackgroundColor: 'black',
                tooltipTextColor: 'white',
                tooltipFontSize: 16,
                },
                chatWindow: {
                showTitle: true,
                title: 'GX Bank Customer Support',
                titleAvatarSrc: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTROJsCU-AJCfK4JTxZoJAwySgRsA0d9giSDA&s',
                showAgentMessages: false,
                welcomeMessage: 'Welcome to GX Bank, how may I assist you？🥰',
                errorMessage: 'This is a custom error message',
                backgroundColor: "#1C1C1E",
                height: 800,
                width: 600,
                fontSize: 14,
                poweredByTextColor: "#ffffff",
                botMessage: {
                    backgroundColor: "#333333",
                    textColor: "#ffffff",
                    showAvatar: true,
                    avatarSrc: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTROJsCU-AJCfK4JTxZoJAwySgRsA0d9giSDA&s",
                },
                userMessage: {
                    backgroundColor: "#333333",
                    textColor: "#ffffff",
                    showAvatar: true,
                    avatarSrc: "https://raw.githubusercontent.com/zahidkhawaja/langchain-chat-nextjs/main/public/usericon.png",
                },
                    textInput: {
                    placeholder: 'Type your question',
                    backgroundColor: '#262626',
                    textColor: '#ffffff',
                    sendButtonColor: '#9C27B0',
                    maxChars: 3000,
                    maxCharsWarningMessage: 'Exceeded Word limit',
                },
                footer: {
                    textColor: '#ffffff',
                    text: 'Powered by',
                    company: 'GX BANK',
                    companyLink: '.',
                }
            }
        }
    })

    const host = document.querySelector("flowise-chatbot");
    const shadow = host.shadowRoot;
    var sheet = new CSSStyleSheet();
    sheet.replaceSync("strong, h3 { color: #ffffff !important; }");

    shadow.adoptedStyleSheets = [sheet];

    </script>
    <style>
        /* CSS to set background image for the body */
        body {
            background-image: url('https://fintechnews.my/wp-content/uploads/2024/02/GXBank-Now-Offers-Physical-Debit-Cards-to-All-Customers.png');
            background-size: cover; /* Ensures the image covers the entire background */
            background-position: center; /* Centers the background image */
            background-repeat: no-repeat; /* Prevents the background from repeating */
            height: 100vh; /* Ensures the body takes the full height of the viewport */
            margin: 0; /* Removes default margin */
        }
    </style>
    <title>GX Bank Support</title>
    <title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content"></head>
<body>


<flowise-chatbot></flowise-chatbot></body></html>