| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Crawler Test - Infinite Loop</title> |
| <style> |
| body { |
| font-family: Arial, sans-serif; |
| margin: 0; |
| padding: 20px; |
| background: #f0f0f0; |
| } |
| .page { |
| max-width: 800px; |
| margin: 0 auto; |
| background: white; |
| padding: 20px; |
| border-radius: 8px; |
| box-shadow: 0 2px 4px rgba(0,0,0,0.1); |
| } |
| .navigation { |
| margin-top: 20px; |
| padding: 10px; |
| background: #f8f8f8; |
| border-radius: 4px; |
| } |
| a { |
| color: #0066cc; |
| text-decoration: none; |
| padding: 5px 10px; |
| margin-right: 10px; |
| border: 1px solid #0066cc; |
| border-radius: 4px; |
| display: inline-block; |
| } |
| a:hover { |
| background: #0066cc; |
| color: white; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="content"></div> |
|
|
| <script> |
| |
| const pages = { |
| 'home': { |
| title: 'Home Page', |
| content: '<p>Welcome to the crawler test page.</p>', |
| links: [ |
| { text: 'Go to Loop 1', href: '?page=loop1' }, |
| ] |
| }, |
| 'loop1': { |
| title: 'Loop Page 1', |
| content: '<p>This is loop page 1.</p>', |
| links: [ |
| { text: 'Back to Home', href: '?page=home' }, |
| { text: 'Go to Loop 2', href: '?page=loop2' }, |
| ] |
| }, |
| 'loop2': { |
| title: 'Loop Page 2', |
| content: ` |
| <p>This is loop page 2 with some dummy text.</p> |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. |
| Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> |
| <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris |
| nisi ut aliquip ex ea commodo consequat.</p> |
| `, |
| links: [ |
| { text: 'Back to Loop 1', href: '?page=loop1' }, |
| { text: 'Back to Home', href: '?page=home' }, |
| ] |
| } |
| }; |
| |
| |
| const urlParams = new URLSearchParams(window.location.search); |
| const currentPage = urlParams.get('page') || 'home'; |
| |
| |
| const content = document.getElementById('content'); |
| const page = pages[currentPage] || pages['home']; |
| |
| content.innerHTML = ` |
| <div class="page"> |
| <h1>${page.title}</h1> |
| ${page.content} |
| <div class="navigation"> |
| ${page.links.map(link => |
| `<a href="${link.href}">${link.text}</a>` |
| ).join('')} |
| </div> |
| </div> |
| `; |
| </script> |
| </body> |
| </html> |
