https://courageous-bubblegum-5338d1.netlify.app/

掃描 ID：
2641b28e-1aa4-4ac5-b10f-2b427d92d244已完成
已提交的 URL：
https://courageous-bubblegum-5338d1.netlify.app/
報告完成時間：

連結 · 找到 0 個

從頁面中識別的傳出連結

JavaScript 變數 · 找到 4 個

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

名稱類型
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
__reactRouterVersionstring

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

記錄到 Web 主控台的訊息

類型類別記錄
warningother
URL
https://courageous-bubblegum-5338d1.netlify.app/assets/index-BfSOCikH.js
Text
⚠️ React Router Future Flag Warning: React Router will begin wrapping state updates in `React.startTransition` in v7. You can use the `v7_startTransition` future flag to opt-in early. For more information, see https://reactrouter.com/v6/upgrading/future#v7_starttransition.
warningother
URL
https://courageous-bubblegum-5338d1.netlify.app/assets/index-BfSOCikH.js
Text
⚠️ React Router Future Flag Warning: Relative route resolution within Splat routes is changing in v7. You can use the `v7_relativeSplatPath` future flag to opt-in early. For more information, see https://reactrouter.com/v6/upgrading/future#v7_relativesplatpath.
errornetwork
URL
https://courageous-bubblegum-5338d1.netlify.app/vite.svg
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://courageous-bubblegum-5338d1.netlify.app/vite.svg
Text
Failed to load resource: the server responded with a status of 404 ()

HTML

頁面的原始 HTML 主體

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <link rel="icon" type="image/svg+xml" href="/vite.svg">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vite + React + TS</title>
    <script type="module" crossorigin="" src="/assets/index-BfSOCikH.js"></script>
    <link rel="stylesheet" crossorigin="" href="/assets/index-iHKo-AhB.css">
  </head>
  <body>
    <div id="root"><div class="min-h-screen bg-gray-50"><div class="fixed inset-y-0 left-0 w-64 bg-white border-r border-gray-200"><div class="flex items-center h-16 px-6 border-b border-gray-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card w-8 h-8 text-blue-600"><rect width="20" height="14" x="2" y="5" rx="2"></rect><line x1="2" x2="22" y1="10" y2="10"></line></svg><span class="ml-3 text-xl font-bold">ExpenseTracker</span></div><nav class="px-4 mt-6"><a class="flex items-center px-2 py-3 mt-1 rounded-lg hover:bg-gray-50 text-blue-600 bg-blue-50 group" href="/dashboard" aria-current="page"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-home w-5 h-5"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg><span class="ml-3">Dashboard</span></a><a class="flex items-center px-2 py-3 mt-1 rounded-lg hover:bg-gray-50 text-gray-600 hover:text-blue-600 group" href="/statistics"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pie-chart w-5 h-5"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg><span class="ml-3">Statistics</span></a><a class="flex items-center px-2 py-3 mt-1 rounded-lg hover:bg-gray-50 text-gray-600 hover:text-blue-600 group" href="/transactions"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-5 h-5"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span class="ml-3">Transactions</span></a><a class="flex items-center px-2 py-3 mt-1 rounded-lg hover:bg-gray-50 text-gray-600 hover:text-blue-600 group" href="/budget"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card w-5 h-5"><rect width="20" height="14" x="2" y="5" rx="2"></rect><line x1="2" x2="22" y1="10" y2="10"></line></svg><span class="ml-3">Budget</span></a><a class="flex items-center px-2 py-3 mt-1 rounded-lg hover:bg-gray-50 text-gray-600 hover:text-blue-600 group" href="/settings"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-5 h-5"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg><span class="ml-3">Settings</span></a><button class="flex items-center w-full px-2 py-3 mt-8 text-gray-600 rounded-lg hover:bg-gray-50 hover:text-red-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-out w-5 h-5"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" x2="9" y1="12" y2="12"></line></svg><span class="ml-3">Logout</span></button></nav></div><div class="ml-64"><div class="h-16 bg-white border-b border-gray-200"><div class="flex items-center justify-between h-full px-6"><div class="flex items-center flex-1"><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-5 w-5"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><input type="text" placeholder="Search..." class="w-64 pl-10 pr-4 py-2 rounded-lg border border-gray-200 focus:outline-none focus:border-blue-500"></div></div><div class="flex items-center space-x-4"><button class="relative p-2 text-gray-400 hover:text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell w-6 h-6"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"></path><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"></path></svg><span class="absolute top-0 right-0 w-2 h-2 bg-red-500 rounded-full"></span></button><img src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=facearea&amp;facepad=2&amp;w=256&amp;h=256&amp;q=80" alt="User avatar" class="w-8 h-8 rounded-full"></div></div></div><main class="p-6"><div class="space-y-6"><div class="flex justify-between items-center"><h2 class="text-2xl font-semibold text-gray-800">Dashboard</h2><button class="flex items-center space-x-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg><span>Add Transaction</span></button></div><div class="grid grid-cols-4 gap-6"><div class="bg-white p-6 rounded-xl shadow-sm"><div class="flex items-center justify-between"><div><p class="text-sm text-gray-500">Total Balance</p><p class="text-2xl font-semibold text-gray-900 mt-1">₹4,250.00</p></div><div class="p-3 rounded-full bg-green-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet w-6 h-6 text-green-600"><path d="M21 12V7H5a2 2 0 0 1 0-4h14v4"></path><path d="M3 5v14a2 2 0 0 0 2 2h16v-5"></path><path d="M18 12a2 2 0 0 0 0 4h4v-4Z"></path></svg></div></div><div class="mt-4"><span class="text-sm text-green-600">+15%</span><span class="text-sm text-gray-500 ml-2">from last month</span></div></div><div class="bg-white p-6 rounded-xl shadow-sm"><div class="flex items-center justify-between"><div><p class="text-sm text-gray-500">Total Income</p><p class="text-2xl font-semibold text-gray-900 mt-1">₹8,500.00</p></div><div class="p-3 rounded-full bg-green-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-6 h-6 text-green-600"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div></div><div class="mt-4"><span class="text-sm text-green-600">+10%</span><span class="text-sm text-gray-500 ml-2">from last month</span></div></div><div class="bg-white p-6 rounded-xl shadow-sm"><div class="flex items-center justify-between"><div><p class="text-sm text-gray-500">Total Expenses</p><p class="text-2xl font-semibold text-gray-900 mt-1">₹4,250.00</p></div><div class="p-3 rounded-full bg-red-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-down w-6 h-6 text-red-600"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7"></polyline><polyline points="16 17 22 17 22 11"></polyline></svg></div></div><div class="mt-4"><span class="text-sm text-red-600">-5%</span><span class="text-sm text-gray-500 ml-2">from last month</span></div></div><div class="bg-white p-6 rounded-xl shadow-sm"><div class="flex items-center justify-between"><div><p class="text-sm text-gray-500">Total Savings</p><p class="text-2xl font-semibold text-gray-900 mt-1">₹2,150.00</p></div><div class="p-3 rounded-full bg-green-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-6 h-6 text-green-600"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div></div><div class="mt-4"><span class="text-sm text-green-600">+12%</span><span class="text-sm text-gray-500 ml-2">from last month</span></div></div></div><div class="grid grid-cols-2 gap-6"><div class="bg-white p-6 rounded-xl shadow-sm"><h3 class="text-lg font-semibold text-gray-800 mb-4">Monthly Expenses</h3><div class="h-64 flex items-end space-x-2"><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 65%;"></div><span class="text-xs text-gray-500 mt-2">Jan</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 45%;"></div><span class="text-xs text-gray-500 mt-2">Feb</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 75%;"></div><span class="text-xs text-gray-500 mt-2">Mar</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 50%;"></div><span class="text-xs text-gray-500 mt-2">Apr</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 85%;"></div><span class="text-xs text-gray-500 mt-2">May</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 70%;"></div><span class="text-xs text-gray-500 mt-2">Jun</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 60%;"></div><span class="text-xs text-gray-500 mt-2">Jul</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 80%;"></div><span class="text-xs text-gray-500 mt-2">Aug</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 55%;"></div><span class="text-xs text-gray-500 mt-2">Sep</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 40%;"></div><span class="text-xs text-gray-500 mt-2">Oct</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 90%;"></div><span class="text-xs text-gray-500 mt-2">Nov</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 65%;"></div><span class="text-xs text-gray-500 mt-2">Dec</span></div></div></div><div class="bg-white p-6 rounded-xl shadow-sm"><h3 class="text-lg font-semibold text-gray-800 mb-4">Budget Overview</h3><div class="space-y-4"><div><div class="flex justify-between text-sm mb-1"><span class="text-gray-600">Housing</span><span class="text-gray-900">$850 / $1000</span></div><div class="h-2 bg-gray-200 rounded-full"><div class="h-full rounded-full bg-yellow-500" style="width: 85%;"></div></div></div><div><div class="flex justify-between text-sm mb-1"><span class="text-gray-600">Food</span><span class="text-gray-900">$320 / $500</span></div><div class="h-2 bg-gray-200 rounded-full"><div class="h-full rounded-full bg-green-500" style="width: 64%;"></div></div></div><div><div class="flex justify-between text-sm mb-1"><span class="text-gray-600">Transportation</span><span class="text-gray-900">$250 / $300</span></div><div class="h-2 bg-gray-200 rounded-full"><div class="h-full rounded-full bg-yellow-500" style="width: 83.3333%;"></div></div></div><div><div class="flex justify-between text-sm mb-1"><span class="text-gray-600">Entertainment</span><span class="text-gray-900">$180 / $200</span></div><div class="h-2 bg-gray-200 rounded-full"><div class="h-full rounded-full bg-yellow-500" style="width: 90%;"></div></div></div></div></div></div><div class="bg-white p-6 rounded-xl shadow-sm"><h3 class="text-lg font-semibold text-gray-800 mb-4">Recent Transactions</h3><div class="space-y-4"><div class="flex items-center justify-between p-4 rounded-lg bg-gray-50"><div class="flex items-center space-x-4"><div class="p-2 rounded-full bg-red-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down-right w-5 h-5 text-red-600"><path d="m7 7 10 10"></path><path d="M17 7v10H7"></path></svg></div><div><p class="font-medium text-gray-900">Grocery Shopping</p><p class="text-sm text-gray-500">Food</p></div></div><div class="flex items-center space-x-4"><div class="text-right"><p class="font-medium text-red-600">-₹8550.00</p><p class="text-sm text-gray-500">3/15/2024</p></div><button class="p-2 text-gray-400 hover:text-red-600 rounded-full hover:bg-gray-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash2 w-5 h-5"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line></svg></button></div></div><div class="flex items-center justify-between p-4 rounded-lg bg-gray-50"><div class="flex items-center space-x-4"><div class="p-2 rounded-full bg-green-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-5 h-5 text-green-600"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div><p class="font-medium text-gray-900">Salary Deposit</p><p class="text-sm text-gray-500">Income</p></div></div><div class="flex items-center space-x-4"><div class="text-right"><p class="font-medium text-green-600">+₹350000.00</p><p class="text-sm text-gray-500">3/14/2024</p></div><button class="p-2 text-gray-400 hover:text-red-600 rounded-full hover:bg-gray-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash2 w-5 h-5"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line></svg></button></div></div><div class="flex items-center justify-between p-4 rounded-lg bg-gray-50"><div class="flex items-center space-x-4"><div class="p-2 rounded-full bg-red-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down-right w-5 h-5 text-red-600"><path d="m7 7 10 10"></path><path d="M17 7v10H7"></path></svg></div><div><p class="font-medium text-gray-900">Netflix Subscription</p><p class="text-sm text-gray-500">Entertainment</p></div></div><div class="flex items-center space-x-4"><div class="text-right"><p class="font-medium text-red-600">-₹1599.00</p><p class="text-sm text-gray-500">3/13/2024</p></div><button class="p-2 text-gray-400 hover:text-red-600 rounded-full hover:bg-gray-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash2 w-5 h-5"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line></svg></button></div></div><div class="flex items-center justify-between p-4 rounded-lg bg-gray-50"><div class="flex items-center space-x-4"><div class="p-2 rounded-full bg-green-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-5 h-5 text-green-600"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div><p class="font-medium text-gray-900">Freelance Payment</p><p class="text-sm text-gray-500">Income</p></div></div><div class="flex items-center space-x-4"><div class="text-right"><p class="font-medium text-green-600">+₹75000.00</p><p class="text-sm text-gray-500">3/12/2024</p></div><button class="p-2 text-gray-400 hover:text-red-600 rounded-full hover:bg-gray-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash2 w-5 h-5"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line></svg></button></div></div></div><button class="mt-4 w-full py-2 text-sm text-blue-600 hover:text-blue-700">View All Transactions</button></div></div></main></div></div></div>
  

</body></html>