解决Flex程序在chrome,safari,IE9等浏览器中history的后退与前进问题

  chrome,safari,IE9等最新的浏览器在运行Flex程序时当你点history的后退与前进按钮,Flex程序是不会切换页面的。这个是很久以前就发现的一个问题(SDK 4.1也有这个问题),终于在今天纠结一天后得已over。

  想必这应该是Flex BrowserManager的问题。当对BrowserManager中所有的方法进行测试后发现,当用BrowserManager的setFragment方法对某个URL中#后的内容修改后,会使BrowserChangeEvent监听失效或者这样修改后的URL未被这些浏览器当成一个请求式URL保存在history中(当然它也已存在history中)。
  那么我们就不调用BrowserManager的setFragment方法,而是用navigateToURL进行URLRequest,这样就可以避免上述两种可能出错的地方。方法如下:
 
1、还是在application中对BrowserManager加BrowserChangeEvent.URL_CHANGE监听
...
private const bm:IBrowserManager = BrowserManager.getInstance();
private function init():void{
bm.addEventListener(BrowserChangeEvent.URL_CHANGE, ...);
bm.initForHistoryManager();
}
...
 
2、自定义一个类用来部分代理BrowserManager类(可以更好地对BrowserManager类进行修改和扩展)
class{
...
public function setFragment(f:String):void {
var base:String = EncodeURI(BrowserManager.getInstance().base);
if(base.indexOf("#") == -1) base += "#";
navigateToURL(new URLRequest(base + f), "_self");
//不要使用BrowserManager.getInstance().setFragment(f);
}
public function setTitle(t:String):void {
BrowserManager.getInstance().setTitle(t);
}
...
}
 
P.S. 这样做虽然能解决Flex程序在最新的浏览器前进后退的问题,但是这毕竟是“补丁式”的解决方案;而且这个问题本不应该让我们来纠结,而是Adobe自己对BrowserManager进行修改和优化。我想SDK到了Hero版时应该没有这个问题了,本人在此期待一下……
posted @ 2010-11-03 16:48 子福当自强 阅读(...) 评论(...) 编辑 收藏
悟道2012