网站导航
> 技术文档 > 重温经典-Web版WindowsXP 98 vista（附源码下载）_webxp下载

重温经典-Web版WindowsXP 98 vista（附源码下载）_webxp下载

网友: 技术文档 2025-09-03 23:43:08

Windows XP已经很久没有做了，心血来潮干一下！

以及Windows95 

一些废话

你是否曾经怀念过那个经典的Windows 98界面？现在，通过os-gui.js，你可以在Web上重温这一经典体验。os-gui.js是一个用于在Web上模仿操作系统图形用户界面的开源库，目前主要专注于重现Windows 98的界面风格。这个库不仅提供了丰富的界面元素，还支持多种交互功能，如窗口拖动、最大化、最小化、关闭和调整大小等。

os-gui.js是98.js.org背后的技术支持，这个网站提供了一个完整的Web版Windows 98体验，包括Paint、Notepad、Sound Recorder等经典应用程序。通过在线演示，你可以更直观地了解这个库的功能和效果。

资源目录

类似的官方演示（我开源为中文版）

旧版Windows体验https://konsti.club/webSys/webxp/res/sites/helpUI/otherprojects

主文件 index.html

欢迎进入webXP_郭wes代码
重温经典-Web版WindowsXP 98 vista（附源码下载）_webxp下载
一次回忆录-Windows XP
webXP 是一个充满激情的项目，旨在为您带来在现代使用 Windows XP 的怀旧之情。几乎所有屏幕元素都支持高 DPI，并适用于现代浏览器，并配有一系列可供玩的玩具和工具。
document.body.onLoad = setInterval(changePrompt, 15000);let titlePrompt = [\"eXPerience the best\",\"Nostalgic visuals for the modern age\",\"High speed no matter what\",\"Try the most complete spoof OS yet\",\"True to the original and then some\",\"Updates to come\",\"Fully in your hands\",\"Built with passion\"]let textPrompt = [\"webXP 是一个充满激情的项目，旨在为您带来在现代使用 Windows XP 的怀旧之情。几乎所有屏幕元素都支持高 DPI，并适用于现代浏览器，并配有一系列可供玩的玩具和工具。\",\"webXP 采用与您习惯的相同的视觉设计，整个过程中都有轻微的蓝色渐变和强大的功能。您习惯的所有主题都经过调整，可以在高分辨率屏幕上运行，因此您将以前所未有的质量看到 XP。 

“开始”菜单完整包含，并突出显示了您可以查看玩的所有应用程序。

如果您是经典主题的粉丝，请不要担心！这也是一种选择。\",\"webXP 是在不使用 React 或 Angular 等现代库的情况下构建的。这意味着无论您的系统性能如何，它都会感觉轻巧而活泼！

webXP 是在不使用 React 或 Angular 等现代库的情况下构建的。这意味着无论您的系统性能如何，它都会感觉轻巧而活泼！\",\"webXP 旨在通过大量应用程序进行扩展，并且已经有很多东西需要检查。

 webXP 集成了对索引数据库的支持，这意味着您的 webXP 副本将根据您的文件、文件夹和首选项保持个性化。\",\"我们确保使 webXP 中的所有内容尽可能准确地符合原生 XP 体验。你会有宾至如归的感觉，并沿途找到一些复活节彩蛋，玩得很开心。\" \"webXP 还有很长的路要走！我们将定期更新它，添加新的功能和功能，以及帮助您更多地玩弄其内部并制作自己的应用程序的工具。敬请期待！\" \"有什么问题吗？应用程序在屏幕外运行？不用担心。webXP 附带了多种工具来帮助您解决出现的任何问题。如果您需要它们，任务管理器和 JS 控制台就在那里供您使用。\" \"webXP 是由几个人组成的小团队构建的，他们把空闲时间花在给你一些有趣的东西上。你可以相信这个项目的轻松本质会一直存在。\"]let i = titlePrompt.length - 1;let j = 1;function changePrompt() {let titleElement = document.querySelector(\"#titleprompt\");let textElement = document.querySelector(\"#textprompt\");titleElement.innerText = titlePrompt[j];textElement.innerHTML = textPrompt[j];j++;if (j > i) {j = 0;}}

主界面（win 95)

⏳/* ------THE BULLSHIT------ */#btncontain{display: inline-block;margin-left: 11px;}*{-webkit-user-select: none;user-select: none;}重温经典-Web版WindowsXP 98 vista（附源码下载）_webxp下载var loadDurationTime = 8000;z = null;startLoading();function startLoading() {bootScreen = document.querySelector(\"scene_bootscreen\");bootScreen.style.display = \"flex\";z = setTimeout(finishLoading, loadDurationTime);}function finishLoading() {window.location.href = \"https://konsti.club/webSys/web95/logon\";}

Windows XP (体验界面）

欢迎来到 webXP
重温经典-Web版WindowsXP 98 vista（附源码下载）_webxp下载
试试看！
以演示大小试用 webXP 体验。准备好完整玩它后，只需单击“到完整体验\" link below.
重温经典-Web版WindowsXP 98 vista（附源码下载）_webxp下载您的浏览器窗口目前对于此演示来说太小了
请放大

WebXP介绍

WebXP是一个灵活的项目管理系统，使用 Ruby on Rails 框架开发，跨平台且可以使用多种数据库。

Redmine概述

  • 多项目支持
  • 基于角色的灵活访问控制
  • 灵活的问题跟踪系统
  • 甘特图和日历
  • 新闻、文档和文件管理
  • 订阅(Feeds)和邮件通知
  • 为每个项目设置独立Wiki
  • 为每个项目设置独立讨论区
  • 简单的时间跟踪功能
  • 支持为问题、项目和用户增加自定义属性
  • 集成版本管理系统(SVN, CVS, Mercurial, Bazaar and Darcs)
  • 支持多种LDAP认证方式
  • 支持用户自注册
  • 多语言支持
  • 多数据库支持

JS核心源码

(function() {window.displayHandler = {desktopHelper: null,holder: null,things: [],setStartRes: async function() {things = [];console.log(\"display: Setting initial size\");desktopHelper = document.querySelector(\"scene_desktophelper\");holder = document.querySelector(\"scene_holder\");things[0] = document.querySelector(\"scene_bios\");things[1] = document.querySelector(\"scene_sysconfig\");things[2] = document.querySelector(\"scene_bootloader\");let view = await displayHandler.getStartRes();let scale = false;if (view != undefined) {console.log(\"a\");localStorage.setItem(\"screenRes\", view);if (view == \"fullscreen\") {displayHandler.restoreViewport();scale = true;} else {let sizes = view.split(\"x\");displayHandler.resizeViewport(sizes[0], sizes[1]);}if (!scale) displayHandler.unsetScaling();return;}if (!localStorage.getItem(\"screenRes\")) {console.log(\"c\"); let sizes = localStorage.getItem(\"screenRes\").split(\"x\"); displayHandler.resizeViewport(sizes[0], sizes[1]); } else { console.log(\"b\"); localStorage.setItem(\"screenRes\", \"800x600\"); displayHandler.resizeViewport(800, 600); } if (!scale) displayHandler.unsetScaling();},unsetScaling: function() { things.forEach(item => { console.log(item); item.classList.remove(\"scaled\"); });},getStartRes: async function() {let view = await new URL(window.location).searchParams;view = view.get(\"view\");return view;},fullscreenViewport: function(inMonitor = false) {console.log(\"display: Fullscreening viewport\"); //wm._desktop.requestFullscreen(); if (inMonitor) { document.querySelector(\"body\").requestFullscreen(); if (!holder.classList.contains(\"resized\")) { displayHandler.resizeViewport(1024, 768); } } else { displayHandler.restoreViewport(false); holder.requestFullscreen(); }},resizeViewport: function(newW, newH) {console.log(`display: Resizing viewport to ${newW}x${newH}px`);holder.classList.add(\"resized\");holder.style.width = newW + \"px\";holder.style.height = newH + \"px\";desktopHelper.classList.add(\"resized\");desktopHelper.style.width = newW + \"px\";desktopHelper.style.height = newH + \"px\"; localStorage.setItem(\"screenRes\", `${newW}x${newH}`);},restoreViewport: function(defullscreen=false) {console.log(\"display: Restoring viewport\"); if (defullscreen && document.fullscreenElement){ document.exitFullscreen(); } holder.classList.remove(\"resized\"); holder.style.width = null; holder.style.height = null; desktopHelper.classList.remove(\"resized\"); desktopHelper.style.width = null; desktopHelper.style.height = null;}}})();

Windows-vista

来这里免费下载吧

旧版Windows体验下载资源--CSDNhttps://download.csdn.net/download/dp6558dfggbhhn_/91609800

  • 下载旧版Windows体验官方
网络标签：

相关问题