In today’s digital transactions, the escalating frequency of security threats poses formidable challenges to the safeguarding of online applications. Document Object Model (DOM), facilitates website manipulation, and Secure Sockets Layer/Transport Layer Security (SSL/TLS) certificates, emerge as critical vulnerabilities. This work adopts a dual strategy to enhance website security by fortifying the DOM and SSL/TLS protocols. This initiative introduces a comprehensive system for dynamic manipulation, visualization, and secure recreation of web page structures. The transport layer undergoes optimization of SSL/TLS protocols through meticulous review and adjustment of settings to eliminate vulnerabilities. This work contributes to SSL/TLS certificate generation for non-malicious websites while logging data from potentially malicious URLs. Rigorous testing across multiple websites demonstrates the efficient execution times of the policy-based security mechanism, surpassing existing systems like Content Security Policy (CSP). This holistic approach presents a promising solution to the evolving challenges of web security in the digital environment.