在离子框架处跟踪开始和结束Web请求

时间:2014-12-11 10:18:29

标签: javascript angularjs cordova ionic-framework uiwebviewdelegate

我正在使用离子框架和Angular JS。

我不知道从哪里开始跟踪网络请求的开始。

对于结束请求,我使用onLoad标记编写指令。

这是代码

Directive.js

app.directive('iframeOnload', [function(){
    return {
        scope: {
            callBack: '&iframeOnload'
        },
        link: function(scope, element, attrs){
            element.on('load', function(){
                return scope.callBack({DOMelement: this});
            })
        }
    }}]);

HTML

<iframe id="webFrame" iframe-onload="iframeLoadedCallBack()" style="width:100%;height:650px;" ng-src='{{goToURL}}' ng-hide='hideIFrame'></iframe>

控制器 回调函数是

    $scope.iframeLoadedCallBack = function() {
        console.log('iframeLoadedCallback');
        // finished web request callback do something here
    };

我想有一些类似的开始Web请求。我需要跟踪发送请求网址。

我是iOS开发人员,实际上我想做一些与此协议类似的事情 UIWebViewDelegate

非常感谢

2 个答案:

答案 0 :(得分:0)

虽然它可能无法正常工作,但在iframeLoadedCallback

您可以添加以下代码

 var webFrame = angular.element(document.getElementById('webFrame'));
 webFrame[0].contentDocument.onclick = $scope.clickOnIframe;

它将跟踪iframe中的每个点击事件,其余部分将是通过事件内的ID,标记,类等跟踪的硬代码。

我希望它有助于某人有类似的问题。

答案 1 :(得分:0)

您可以使用NSURLProtocol跟踪所有网络请求,希望这可能有所帮助。