This repository contains a simple web application for checking the security of a website using iframes. The application allows users to input a website URL and displays the website inside an iframe. Additionally, it provides features to interact with the iframe content and observe security-related events.
-
Clone the repository:
git clone https://github.com/highnitin/iframeSecurityCheck.git
-
Open the index.html file in a web browser or deploy the application to a web server.
-
Enter a website URL in the input box and click the "Check" button.
-
Website Checking: Input a website URL and render it inside an iframe.
-
Logging Events: Log events like hovering over the iframe and input changes inside the iframe to the console.
The application utilizes HTML, CSS (Tailwind CSS), and JavaScript. The key functionalities include:
-
Rendering Website: The entered website URL is set as the src attribute of an iframe, displaying the website within the application.
-
Logging Events: Various events, such as hovering over the iframe and input changes inside the iframe, are captured and logged to the console using JavaScript.
-
Security Considerations: Security features are considered, and communication with the iframe content is done using secure methods such as the postMessage API.
When working with iframes and external content, it's crucial to consider security implications. Ensure that:
- The source of the iframe content is trustworthy to prevent potential security risks.
- Cross-origin restrictions and security policies are respected.
- User interactions are handled securely, and sensitive information is not exposed.
Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.
Feel free to connect with me on LinkedIn for more discussions and updates on my learning journey!
Happy hacking! 🚀