如何高级编辑Web访问页面
概述
通过vPlatform+提供的 Web Portal 您可以很简单方便的编辑Web 访问页面，但在一些特殊情况下，可能Web Portal提供的功能有限，这里您就需要通过Webmaster Toolkit来进行更深入的定制化Web 访问页面。
警告，此文档仅适合具有网页开发能力的开发者，否则请勿轻易尝试编辑
通用强制设定
为了让您定制的页面中包含vPlatform+所需要的通用性强制设定，我们建议您先通过vPlatform+提供的Web Portal Designer 生成一个默认的访问页面。
文件位置
所生成的默认Web 访问页面被保存在 “C:\Program Files (x86)\vPlatform\Clients\www” 目录下，例如，您的页面命名为index，则您会在此目录下发现一个index.html的文件。这是一个标准的HTML文件，因此您可以使用您所熟悉的HTML、Javascript及CSS开发工具进行定制化修改。
所有的相关文件均保存在 “C:\Program Files (x86)\vPlatform\Clients\www” 目录下，例如, CSS styles 主文件被保存在 “C:\Program Files (x86)\vPlatform\Clients\www\software\common.css”, 您可以在HTML Web访问页面中进行引用:
<link rel=”stylesheet” type=”text/css” href=”/software/common.css” />
最小化Web 访问页面
如果我们要最小化Web 访问页面，我们建议您使用一个文本编辑器，如记事本或者Notepad++ （不要使用Word）来编辑index.html文件，当完成后，您看到如下截图的效果：
首页，您必须保留HTML 标签间的内容： – meta tags 强制浏览器清除缓存 – .js files inclusions – JavaScript settings declarations
然后，您可以将HTML 标签间的内容缩减为以下几行：:
<body onKeyPress="CheckKey(event);" onload="setAll();" style="padding:20px;"> <form name="logonform"> <div><input type="text" name="Login" id="Editbox1" onblur="onLoginTyped();" value=""/></div><br/> <div id="tr-password"><input type="password" name="Password" id="Editbox2" onfocus="onPasswordFocused();" value=""/></div><br/> <div id="tr-domain"><input type="text" name="Domain" id="Editbox3" value="" /></div><br/> <input id="buttonLogOn" type="button" value="Log on" onclick="cplogon();" /><br/> <br/> <div id="accesstypeuserpanel" style="margin:0;"> <label id="label_accesstypeuserchoice_html5" for="accesstypeuserchoice_html5"><input type="radio" value="html5" name="accesstypeuserchoice" id="accesstypeuserchoice_html5" checked="checked"> HTML5 client</label> <label id="label_accesstypeuserchoice_java" for="accesstypeuserchoice_java"><input type="radio" value="java" name="accesstypeuserchoice" id="accesstypeuserchoice_java"> Java client</label> <label id="label_accesstypeuserchoice_remoteapp" for="accesstypeuserchoice_remoteapp"><input type="radio" value="remoteapp" name="accesstypeuserchoice" id="accesstypeuserchoice_remoteapp"> Windows</label> </div> </form> </body>
保存并重新刷新您的浏览器，您将看到以上最小化的截屏效果。
我们建议您每次改变后都要清除一下浏览器的缓存。
最后，您可以根据自己的需求进行编辑了。如我们一直以来在特定的事件中调用Javascripts功能一样，您所定制的页面一定能工作的更好。