概述 #
通过HuiiRDP+提供的 Web Portal 您可以很简单方便的编辑Web 访问页面,但在一些特殊情况下,可能Web Portal提供的功能有限,这里您就需要通过Webmaster Toolkit来进行更深入的定制化Web 访问页面。
警告,此文档仅适合具有网页开发能力的开发者,否则请勿轻易尝试编辑
生成默认的页面 #
为了让您定制的页面中包含HuiiRDP+所需要的通用性强制设定,我们建议您先通过HuiiRDP+提供的Web Portal Designer 生成一个默认的访问页面。
开发的文件位置 #
所生成的默认Web 访问页面被保存在 “C:\Program Files (x86)\HuiiRDP-Plus\Clients\www” 目录下,例如,您的页面命名为index,则您会在此目录下发现一个index.html的文件。这是一个标准的HTML文件,因此您可以使用您所熟悉的HTML、Javascript及CSS开发工具进行定制化修改。
所有的相关文件均保存在 “C:\Program Files (x86)\HuiiRDP-Plus\Clients\www” 目录下,例如, CSS styles 主文件被保存在 “C:\Program Files (x86)\HuiiRDP-Plus\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功能一样,您所定制的页面一定能工作的更好。