解决FABridge中chrome中不能工作问题(FABridge.js play nice with Chrome)

FABridge.js play nice with Chrome

Today at work I got an email that said, “The site text editor is broken in Google Chrome. Remember about 3 years ago when you thought FABridge.js was a good idea?” In hindsight I would not have used FABridge. I think the levels of indirection out weigh the ease of use (especially if you need tons of control). Nonetheless I had to fix it. Once I found the bug it was pretty easy to fix. I narrowed the error down to FABridge__bridgeInitialized in FABridge.js. FABridge__bridgeInitialized looks for either an embed or object tag based on the browser type. A check for Chrome did the trick.

In FABridge.js if you change:
if (/Explorer/.test(navigator.appName) || /Konqueror|Safari|KHTML/.test(navigator.appVersion))
to:
if((!(/Chrome/.test(navigator.appVersion))) && ((/Explorer/.test(navigator.appName) || /Konqueror|Safari|KHTML/.test(navigator.appVersion))))

you should be in good shape.

So if you hear FABridge.js does not work in Chrome. Or your JavaScript wrapper to the Flash widget is broken this may solve your challenge.

THERE IS A BETTER WAY TO DO THIS. HERE IT GOES
/**This function searches for the flash dom object that has the flex movie in it.
*In some browsers this is an object tag. In other browsers this is an embed tag.
*We know we have the right thing when we find a dom object with the function getRoot.
**/
function FABridge__bridgeInitialized(bridgeName)
{
var searchStr = “bridgeName=”+ bridgeName;
var flashInstanceWithBridge = null;

var flashInstances = document.getElementsByTagName(”object”);

//search object tag
if (flashInstances.length == 1)
{
flashInstanceWithBridge = flashInstances[0];
}
else
{
for(var i = 0; i < flashInstances.length; i++)
{
var inst = flashInstances[i];
var params = inst.childNodes;
var flash_found = false;

for (var j = 0; j < params.length; j++)
{
var param = params[j];
if (param.nodeType == 1 && param.tagName.toLowerCase() == "param")
{
if (param["name"].toLowerCase() == "flashvars" && param["value"].indexOf(searchStr) >= 0)
{
flashInstanceWithBridge = inst;
flash_found = true;
break;
}
}
}

if (flash_found) {
break;
}
}
}

if(!flashInstanceWithBridge|| !flashInstanceWithBridge[”getRoot”] || !(typeof(flashInstanceWithBridge.getRoot) == “function”) ) //search embed tag if the object tag does not have the needed methods
{
flashInstanceWithBridge = null;

flashInstances = document.getElementsByTagName(”embed”);
if (flashInstances.length == 1)
{
flashInstanceWithBridge = flashInstances[0];
}
else
{
for(var i = 0; i < flashInstances.length; i++)
{
var inst = flashInstances[i];
var flashVars = inst.attributes.getNamedItem("flashVars").nodeValue;

if (flashVars.indexOf(searchStr) >= 0)
{
flashInstanceWithBridge = inst;
}

}
}
}

if(flashInstanceWithBridge)
{
FABridge.attachBridge(flashInstanceWithBridge, bridgeName);
}

return true;
}

原文地址: http://www.timothyhuertas.com/blog/2010/11/30/fabridgejs-play-nice-with-chrome/