資訊專欄INFORMATION COLUMN
摘要：在對我們的項目進行一些在中的基本功能測試時，發現以下兩個問題對使用時出現錯誤。的在中表現詭異在一個盒子中有多個子盒子，父子級都具有屬性，子級的層級并沒有按照的數值排列。公司開發們用的是，所以測試這個的時候把他的老年機帶了過來。
在對我們的PC項目進行一些在IE10中的基本功能測試時，發現以下兩個問題:
1. 對canvas使用toDataURL時出現 "SCRIPT5022: SecurityError" 錯誤。
2. css的z-index在IE10中表現詭異(在一個盒子中有多個子盒子，父子級都具有position屬性，子級的層級并沒有按照z-index的數值排列)。
公司開發們用的是Mac，所以測試這個的時候leader把他的老年機帶了過來。測試的環境是win8+360安全瀏覽器，選擇360的兼容模式，F12打開調試面板，調試面板的選項中還可以選擇IE版本。頁面路由跳轉時控制臺elements表現為html為空，有個雙箭頭的圖標點擊可以使控制臺載入當前頁面資源。
解決方案
IE10中的canvas在導出圖像數據時因為圖像的跨域而產生的安全性錯誤,以下是國際論壇上的解決方案
https://stackoverflow.com/que...
https://stackoverflow.com/que...
通過XMLHttpRequest可以解決這個問題，以下是代碼
var xhr = new XMLHttpRequest();
xhr.onload = function () {
var url = URL.createObjectURL(this.response);
img.src = url;
// here you can use img for drawing to canvas and handling
// don"t forget to free memory up when you"re done (you can do this as soon as image is drawn to canvas)
URL.revokeObjectURL(url);
};
xhr.open("GET", url, true);
xhr.responseType = "blob";
xhr.send();
這個問題出現在上傳圖片時，如下的這種設計體驗
一個input放在最上邊，值得注意的是在IE中input的type為file的表現為左半部分點擊為選中并顯示光標，而點擊有半部分才為選擇文件操作，所以外套label來觸發input的事件，而把input定位在區域外使其無法被選中。呀，扯到別處了。說那個層級問題。當時忘記截圖了，將就著看吧。
從上到下有三個子級，分別為label,p,img，層級則是由大到小，但是label在360中檢查元素卻無法被直接選中，多層時直接選中的層為較高層，所以也就點擊不到。哪位coder知道問題所在的希望可以不吝賜教，而我最后給我的解決方案是給label的樣式中加入background: rgba(0, 0, 0, 0.02);，很神奇呢，偶然發現的，而且用transparent不行。
好了，廢話不多說，就這么多了。碰到過同類問題的coder，如果知道詳細的原因或者有更好的方案希望可以告知，先行感謝。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/116648.html
摘要：在對我們的項目進行一些在中的基本功能測試時，發現以下兩個問題對使用時出現錯誤。的在中表現詭異在一個盒子中有多個子盒子，父子級都具有屬性，子級的層級并沒有按照的數值排列。公司開發們用的是，所以測試這個的時候把他的老年機帶了過來。 在對我們的PC項目進行一些在IE10中的基本功能測試時，發現以下兩個問題: 1. 對canvas使用toDataURL時出現 SCRIPT5022: Secur...
摘要：使用來移除事件，參數必須與要移除的事件處理函數地址指針相同。在低版本瀏覽器中，綁定級事件的方法為中的級事件的事件處理程序都是在冒泡階段執行的。 JavaScript中幾個最重要的大知識點 面向對象 DOM事件 異步交互ajax 事件 事件就是文檔和瀏覽器的瞬間交互行為 1.事件類型 點擊: click 滾輪: scroll 滑動: move 進入: enter 加載: load ...
摘要：前段時間做一個項目，需求是對每個視頻添加預覽圖，這個問題最終選擇方案是用來做轉換獲取視頻的一個截圖，添加到頁面中，達到自動添加預覽圖的目的。 前段時間做一個項目，需求是對每個視頻添加預覽圖，這個問題最終選擇方案是：用canvas.toDataYRL();來做轉換獲取視頻的一個截圖，添加到頁面中，達到自動添加預覽圖的目的。部分代碼如下： var testVideo = document....
摘要：前段時間做一個項目，需求是對每個視頻添加預覽圖，這個問題最終選擇方案是用來做轉換獲取視頻的一個截圖，添加到頁面中，達到自動添加預覽圖的目的。 前段時間做一個項目，需求是對每個視頻添加預覽圖，這個問題最終選擇方案是：用canvas.toDataYRL();來做轉換獲取視頻的一個截圖，添加到頁面中，達到自動添加預覽圖的目的。部分代碼如下： var testVideo = document....
閱讀 1558·2021-11-23 09:51
閱讀 1091·2021-10-12 10:12
閱讀 2811·2021-09-22 16:06
閱讀 3635·2019-08-30 15:56
閱讀 3458·2019-08-30 15:53
閱讀 3109·2019-08-29 16:29
閱讀 2360·2019-08-29 15:27
閱讀 2017·2019-08-26 10:49
