資訊專欄INFORMATION COLUMN
摘要：在對我們的項目進(jìn)行一些在中的基本功能測試時，發(fā)現(xiàn)以下兩個問題對使用時出現(xiàn)錯誤。的在中表現(xiàn)詭異在一個盒子中有多個子盒子，父子級都具有屬性，子級的層級并沒有按照的數(shù)值排列。公司開發(fā)們用的是，所以測試這個的時候把他的老年機(jī)帶了過來。
在對我們的PC項目進(jìn)行一些在IE10中的基本功能測試時，發(fā)現(xiàn)以下兩個問題:
1. 對canvas使用toDataURL時出現(xiàn) "SCRIPT5022: SecurityError" 錯誤。
2. css的z-index在IE10中表現(xiàn)詭異(在一個盒子中有多個子盒子，父子級都具有position屬性，子級的層級并沒有按照z-index的數(shù)值排列)。
公司開發(fā)們用的是Mac，所以測試這個的時候leader把他的老年機(jī)帶了過來。測試的環(huán)境是win8+360安全瀏覽器，選擇360的兼容模式，F(xiàn)12打開調(diào)試面板，調(diào)試面板的選項中還可以選擇IE版本。頁面路由跳轉(zhuǎn)時控制臺elements表現(xiàn)為html為空，有個雙箭頭的圖標(biāo)點(diǎn)擊可以使控制臺載入當(dāng)前頁面資源。
解決方案
IE10中的canvas在導(dǎo)出圖像數(shù)據(jù)時因?yàn)閳D像的跨域而產(chǎn)生的安全性錯誤,以下是國際論壇上的解決方案
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();
這個問題出現(xiàn)在上傳圖片時，如下的這種設(shè)計體驗(yàn)
一個input放在最上邊，值得注意的是在IE中input的type為file的表現(xiàn)為左半部分點(diǎn)擊為選中并顯示光標(biāo)，而點(diǎn)擊有半部分才為選擇文件操作，所以外套label來觸發(fā)input的事件，而把input定位在區(qū)域外使其無法被選中。呀，扯到別處了。說那個層級問題。當(dāng)時忘記截圖了，將就著看吧。
從上到下有三個子級，分別為label,p,img，層級則是由大到小，但是label在360中檢查元素卻無法被直接選中，多層時直接選中的層為較高層，所以也就點(diǎn)擊不到。哪位coder知道問題所在的希望可以不吝賜教，而我最后給我的解決方案是給label的樣式中加入background: rgba(0, 0, 0, 0.02);，很神奇呢，偶然發(fā)現(xiàn)的，而且用transparent不行。
好了，廢話不多說，就這么多了。碰到過同類問題的coder，如果知道詳細(xì)的原因或者有更好的方案希望可以告知，先行感謝。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88715.html
摘要：在對我們的項目進(jìn)行一些在中的基本功能測試時，發(fā)現(xiàn)以下兩個問題對使用時出現(xiàn)錯誤。的在中表現(xiàn)詭異在一個盒子中有多個子盒子，父子級都具有屬性，子級的層級并沒有按照的數(shù)值排列。公司開發(fā)們用的是，所以測試這個的時候把他的老年機(jī)帶了過來。 在對我們的PC項目進(jìn)行一些在IE10中的基本功能測試時，發(fā)現(xiàn)以下兩個問題: 1. 對canvas使用toDataURL時出現(xiàn) SCRIPT5022: Secur...
摘要：使用來移除事件，參數(shù)必須與要移除的事件處理函數(shù)地址指針相同。在低版本瀏覽器中，綁定級事件的方法為中的級事件的事件處理程序都是在冒泡階段執(zhí)行的。 JavaScript中幾個最重要的大知識點(diǎn) 面向?qū)ο?DOM事件 異步交互ajax 事件 事件就是文檔和瀏覽器的瞬間交互行為 1.事件類型 點(diǎn)擊: click 滾輪: scroll 滑動: move 進(jìn)入: enter 加載: load ...
摘要：前段時間做一個項目，需求是對每個視頻添加預(yù)覽圖，這個問題最終選擇方案是用來做轉(zhuǎn)換獲取視頻的一個截圖，添加到頁面中，達(dá)到自動添加預(yù)覽圖的目的。 前段時間做一個項目，需求是對每個視頻添加預(yù)覽圖，這個問題最終選擇方案是：用canvas.toDataYRL();來做轉(zhuǎn)換獲取視頻的一個截圖，添加到頁面中，達(dá)到自動添加預(yù)覽圖的目的。部分代碼如下： var testVideo = document....
摘要：前段時間做一個項目，需求是對每個視頻添加預(yù)覽圖，這個問題最終選擇方案是用來做轉(zhuǎn)換獲取視頻的一個截圖，添加到頁面中，達(dá)到自動添加預(yù)覽圖的目的。 前段時間做一個項目，需求是對每個視頻添加預(yù)覽圖，這個問題最終選擇方案是：用canvas.toDataYRL();來做轉(zhuǎn)換獲取視頻的一個截圖，添加到頁面中，達(dá)到自動添加預(yù)覽圖的目的。部分代碼如下： var testVideo = document....
閱讀 1465·2021-09-10 11:27
閱讀 2413·2019-08-30 15:53
閱讀 1332·2019-08-30 13:10
閱讀 2981·2019-08-30 11:09
閱讀 1091·2019-08-29 17:23
閱讀 671·2019-08-29 17:05
閱讀 2951·2019-08-29 15:10
閱讀 2349·2019-08-29 13:22
