Mở rộng ActiveXObject trong javascript

Question

Tôi muốn thêm một số chức năng theo dõi các cuộc gọi nhất định vào các phương thức đối tượng ActiveX trong javascript.

Tôi thường tạo đối tượng activeX như sau: var tconn = new ActiveXObject ("Tconnector");

Tôi cần đăng nhập mỗi khi phương thức mở được gọi trên tconn và tất cả các phiên bản khác của điều khiển activeX đó.

Tôi không thể sửa đổi nguyên mẫu của tconn vì nó không có!

Tôi nghĩ rằng tôi có thể tạo một hàm ActiveXObject giả tạo tạo đối tượng proxy cho các cuộc gọi proxy tới cuộc gọi thực. Bạn có thể giúp tôi làm điều đó không?

Lưu ý: viết một trình bao bọc trực tiếp đã hết câu hỏi, vì đã có 1000 cuộc gọi đến activeX này trong ứng dụng.

Answer 1

Bạn thực tế có thể ghi đè ActiveXObject().

Điều này có nghĩa là bạn có thể thử xây dựng một đối tượng proxy trong suốt xung quanh đối tượng thực tế và móc vào các cuộc gọi phương thức. Điều này có nghĩa là bạn phải xây dựng một proxy xung quanh mọi phương thức và thuộc tính đối tượng ActiveX của bạn, trừ khi bạn hoàn toàn chắc chắn rằng không có mã nào gọi một phương thức hoặc thuộc tính cụ thể.

Tôi đã tạo một trình bao bọc nhỏ cho đối tượng "MSXML2.XMLHTTP". Có lẽ tất cả các loại của các vấn đề bạn có thể gặp phải, vì vậy hãy rằng với một hạt muối:

var ActualActiveXObject = ActiveXObject; 

var ActiveXObject = function(progid) { 
    var ax = new ActualActiveXObject(progid); 

    if (progid.toLowerCase() == "msxml2.xmlhttp") { 
    var o = { 
     _ax: ax, 
     _status: "fake", 
     responseText: "", 
     responseXml: null, 
     readyState: 0, 
     status: 0, 
     statusText: 0, 
     onReadyStateChange: null 
     // add the other properties... 
    }; 
    o._onReadyStateChange = function() { 
     var self = o; 
     return function() { 
     self.readyState = self._ax.readyState; 
     self.responseText = self._ax.responseText; 
     self.responseXml = self._ax.responseXml; 
     self.status  = self._ax.status; 
     self.statusText = self._ax.statusText; 
     if (self.onReadyStateChange) self.onReadyStateChange(); 
     } 
    }(); 
    o.open = function(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword) { 
     varAsync = (varAsync !== false); 
     this._ax.onReadyStateChange = this._onReadyStateChange 
     return this._ax.open(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword); 
    }; 
    o.send = function(varBody) { 
     return this._ax.send(varBody); 
    }; 
    // add the other methods... 
    } 
    else { 
    var o = ax; 
    } 

    return o; 
} 

function Test() { 
    var r = new ActiveXObject('Msxml2.XMLHTTP'); 

    alert(r._status); // "fake" 

    r.onReadyStateChange = function() { alert(this.readyState); }; 
    r.open("GET", "z.xml"); 
    r.send(); 

    alert(r.responseText); 
} 

Disclaimer: Đặc biệt là việc xử lý async/onreadystatechange lẽ là không đúng, và mã có thể có những vấn đề khác như tốt. Như tôi đã nói, đó chỉ là một ý tưởng. Xử lý cẩn thận.

P.S .: Đối tượng COM phân biệt chữ hoa chữ thường khi nói đến tên phương thức và thuộc tính. Trình bao bọc này (giống như tất cả JavaScript) phân biệt chữ hoa chữ thường. Ví dụ, nếu mã của bạn xảy ra để gọi cả "Send()" và "send()", bạn sẽ cần một bộ xương "Gửi()" phương pháp trong wrapper cũng như:

o.Send = function() { return this.send.apply(this, arguments); }; 

Answer 2

Vấn đề ở đây là nó có vẻ rằng IE sẽ không cho phép tiết kiệm của hàm khởi tạo activXObject ban đầu và sẽ cung cấp tràn ngăn xếp (;-) khi tạo ActualActiveXObject. có vẻ như đây là điều đặc biệt cho ActivX vì nó hoạt động khi thực hiện điều đó với các đối tượng javascript khác.

Answer 3

Một sửa chữa nhỏ cho "Các dữ liệu cần thiết để hoàn thành thao tác này chưa có sẵn" trong IE6 - chờ đợi cho đầy đủ trước khi dân số thuộc tính phản ứng:

self.readyState = self._ax.readyState; 
if (self.readyState == 4) { 
    self.responseText = self._ax.responseText; 
    self.responseXml = self._ax.responseXml; 
    self.status  = self._ax.status; 
    self.statusText = self._ax.statusText; 
} 
if (self.onReadyStateChange) self.onReadyStateChange(); 

Answer 4

Cảm ơn bạn rất nhiều vì wrapper của bạn. Với sự giúp đỡ của bạn, tôi đã có thể tạo ra một máy dò xmlrequest cho IE và FF và phần còn lại.

Tôi đã thêm một phiên bản (kết hợp từ một ví dụ khác) mà làm việc cho FF, IE và phần còn lại của băng đảng,

if(window.XMLHttpRequest) 
{ 
var XMLHttpRequest = window.XMLHttpRequest; 

// mystery: for some reason, doing "var oldSend = XMLHttpRequest.prototype.send;" and 
// calling it at the end of "newSend" doesn't work... 
var startTracing = function() { 
    XMLHttpRequest.prototype.uniqueID = function() { 
     // each XMLHttpRequest gets assigned a unique ID and memorizes it 
     // in the "uniqueIDMemo" property 
     if (!this.uniqueIDMemo) { 
      this.uniqueIDMemo = Math.floor(Math.random() * 1000); 
     } 
     return this.uniqueIDMemo; 
    } 

    // backup original "open" function reference 
    XMLHttpRequest.prototype.oldOpen = XMLHttpRequest.prototype.open; 

    var newOpen = function(method, url, async, user, password) { 
     console.log("[" + this.uniqueID() + "] intercepted open (" + 
        method + " , " + 
        url + " , " + 
        async + " , " + 
        user + " , " + 
        password + ")"); 
     this.oldOpen(method, url, async, user, password); 
    } 

    XMLHttpRequest.prototype.open = newOpen; 

    // backup original "send" function reference 
    XMLHttpRequest.prototype.oldSend = XMLHttpRequest.prototype.send; 

    var newSend = function(a) { 
     console.log("[" + this.uniqueID() + "] intercepted send (" + a + ")"); 
     var xhr = this; 
     var onload = function() { 
      console.log("[" + xhr.uniqueID() + "] intercepted load: " + 
        xhr.status + 
        " " + xhr.responseText); 
     }; 

     var onerror = function() { 
      console.log("[" + xhr.uniqueID() + "] intercepted error: " + 
        xhr.status); 
     }; 

     xhr.addEventListener("load", onload, false); 
     xhr.addEventListener("error", onerror, false); 

     this.oldSend(a); 
    } 
    XMLHttpRequest.prototype.send = newSend; 
} 


startTracing(); 
} 
else if (window.ActiveXObject) { 
var ActualActiveXObject = ActiveXObject; 

var ActiveXObject = function(progid) { 
    var ax = new ActualActiveXObject(progid); 

    if (progid.toLowerCase() == "msxml2.xmlhttp") { 

     var o = { 
      _ax: ax, 
      _status: "fake", 
      responseText: "", 
      responseXml: null, 
      readyState: 0, 
      status: 0, 
      statusText: 0, 
      onReadyStateChange: null 
     }; 
     o._onReadyStateChange = function() { 
      var self = o; 
      return function() { 
      self.readyState = self._ax.readyState; 
      if (self.readyState == 4) { 
       self.responseText = self._ax.responseText; 
       self.responseXml = self._ax.responseXml; 
       self.status  = self._ax.status; 
       self.statusText = self._ax.statusText; 
      } 
       if (self.onReadyStateChange) self.onReadyStateChange(); 
      } 
     }(); 
     o.open = function(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword) { 
      console.log("intercepted open (" + 
       bstrMethod + " , " + 
       bstrUrl + " , " + 
       varAsync + " , " + 
       bstrUser + " , " + 
       bstrPassword + ")"); 
      varAsync = (varAsync !== false); 
      this._ax.onReadyStateChange = this._onReadyStateChange 
      return this._ax.open(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword); 
     }; 
     o.send = function(varBody) { 
      return this._ax.send(varBody); 
     }; 
    } 
    else 
     var o = ax; 
    return o; 
} 
}