Chrome에서 쿠키를 보거나 추가 또는 편집하려면 어떻게합니까?


답변:


254

당신은 갈 수 있습니다 Developer Tools( Ctrl- Shift- JTools -> Developer Tools) -> Console와 자바 스크립트 명령을 입력 할 수 있습니다 :

document.cookie="keyofcookie=valueofcookie"

이 기술로 새 쿠키를 바꾸거나 추가 할 수 있습니다.

여러 쿠키 옵션을 설정할 수 있습니다. 즉

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

8
Stanley는 기본적으로 말했지만 명확히하기 위해이 명령으로 단일 쿠키 만 편집하면 사이트의 다른 쿠키를 모두 삭제하지는 않으며 실제로 명령에 언급 된 쿠키 만 대체합니다.
Jon z

36
일부 웹 사이트에서 HttpOnly플래그를 사용하여 JS에 의한 쿠키 액세스를 방지하는 경우 (XSS 공격을 거부하기 위해) 작동하지 않습니다 . 위키 에 대한 추가 정보 .
s3m3n

안녕하세요,이 방법을 사용하여 만료 날짜를 설정할 수 있습니까?
Drewdavid

1
주소 표시 줄에 입력해도됩니다.
kenorb

1
@ s3m3n HttpOnly타사 플러그인을 사용하지 않고 쿠키 를 변경하려면 먼저 리소스 탭을 사용하여 쿠키를 삭제 한 다음 document.cookie새 쿠키를 만드는 데 사용할 수 있습니다.
kasperd

111

Chrome에서 쿠키를 보는 가장 쉬운 방법은 다음을 방문하는 것입니다.

  • chrome : // settings / cookies

이를 통해 Mac OS X에서 Chrome 33.0.1750.117 (공식 빌드 252094)의 쿠키를 편집 할 수는 없지만보고 삭제할 수는 있습니다.


업데이트 (2017-08-08) [59.0.3071.115 (공식 빌드) (64 비트)에서 확인]

최신 버전에서 쿠키는 다음에 나열되어 있습니다.

  • chrome : // settings / content / cookies

업데이트 (2018-03-01) [Google Chrome 64.0.3282.167 (공식 빌드) (64 비트)]

내용을 보려면 "모든 쿠키 및 사이트 데이터보기"를 선택하거나 따라야합니다.

  • chrome : // settings / siteData

4
Chrome에서에 대한 하이퍼 링크를 허용하지 않기 때문에 하이퍼 링크가 없습니다 chrome://.
Martin Thoma

2
@moose Chrome에서는 쉽게 액세스 할 수 있도록 Chrome 북마크에 이러한 특수 링크를 추가 할 수 있지만 특수 "장부"파비콘도 할당합니다. 쉽게 액세스 할 수 있도록 북마크 바에이 특정 항목이 있습니다.
MrWhite

2
@ 무스 네. (Chrome에서는 이러한 특수 링크를 주소 표시 줄 / 검색 주소창 으로 드래그 할 수 있었지만 중단했습니다 about:blank. 이제 페이지가 표시됩니다. 수동으로 '링크 주소 복사'를 수동으로 주소 표시 줄에 붙여 넣기 - 복사, 붙여 넣기를 선택하는 것보다 약간 빠릅니다 .
MrWhite

4
@Daniel : Chrome 59에서 새 주소는 chrome : // settings / content / cookies입니다 (설정 페이지 상단의 검색 창에서 "쿠키"를 검색하면 찾을 수 있습니다)
Ken Bloom

5
위치가 변경되었습니다. 새로운 위치는 chrome : // settings / content / cookies? search = cookie
Sm Yamashita

61

10.0.648.45 dev를 사용하면 옵션 → 후드 → 컨텐츠 설정 → 모든 쿠키 및 사이트 데이터에서 쿠키를 볼 수 있습니다.

또는, 개발자 도구 (함께 현재 사이트의 쿠키를 볼 수 있습니다 F12, Ctrl- Shift- J, 응용 프로그램 → 쿠키 또는 설정 (햄버거 아이콘) 더 많은 도구 → 개발자 도구).


40
그러나 두 창에서 값을 편집 할 수 없습니까?
phihag

14
맞습니다. 애드온이없는 Chrome에서만 볼 수 있습니다.
Dan H

리소스> 쿠키 (개발자 도구에서)를 보면 현재 요청에 사용 가능한 쿠키 만 표시됩니다. "모든 쿠키 및 사이트 데이터 ..."는 경로에 관계없이 특정 도메인에 대해 설정된 모든 쿠키를 보여줍니다 .
MrWhite

@phihag 쿠키 값이 너무 길면 개발자 도구가 쿠키 값을 잘라냅니다.
HEX

2
응용 프로그램에서 | 최신 버전의 Chrome (59)에서 쿠키를 사용하면 마지막 값을 두 번 클릭하여 기존 값을 편집하고 새 항목을 추가 할 수 있습니다.
Kenston Choi

32

쿠키를보고, 편집하고, 생성하고, 제거하기 위해 확장 저장소의 현재 솔루션에 좌절했습니다. 현재 솔루션은 팝업으로 표시되었으며 UI가 좋지 않았습니다. Chrome 모양과 느낌의 firebug 쿠키 편집기와 동일한 기능을 원했습니다. 그래서 나는 하나를 만들었다.

쿠키 검사기 -Chrome 용 쿠키 관리자가 없습니다. 개발자 도구에서 바로 쿠키를 편집하고 생성하십시오.


마지막으로 Firecookie의 적절한 대체품입니다. 고마워요!
georg

Chrome 42에서는 작동하지 않습니다. 다른 제품이 있습니까?
nitech

@nitech 님 안녕하세요. Chrome 43을 사용 중이며 제대로 작동합니다. 아마도 당신은 지원 하지 않는 것을 표로 만들 수 있습니다 . 감사.
westoque

26

실제 페이지

최근에 자원에서 응용 프로그램으로 변경되었습니다. 그래서:

  1. F12를 누르십시오
  2. 애플리케이션 (탭)> 쿠키 (사이드 바)로 이동하십시오.
  3. 기존 쿠키를 편집하거나 빈 행을 두 번 클릭하여 새 쿠키를 만듭니다.

스냅 사진:

여기에 이미지 설명을 입력하십시오


17

모든 페이지

  1. 설정으로 이동 :

    여기에 이미지 설명을 입력하십시오

    (현재 chrome : // settings /에 있습니다.)

  2. 개인 정보 섹션으로 이동> 콘텐츠 설정 ...

    여기에 이미지 설명을 입력하십시오

    (현재 chrome : // settings / content에 있습니다)

  3. 모든 쿠키 및 사이트 데이터를 클릭하십시오 .

    여기에 이미지 설명을 입력하십시오

    (현재 chrome : // settings / cookies에 있습니다)

  4. 여기에서 쿠키를 보거나 제거하거나 모든 쿠키를 제거 할 수 있습니다. 자세한 내용을 보려면 레이블을 클릭하십시오.

    여기에 이미지 설명을 입력하십시오

실제 페이지

  1. 프레스 F12
  2. 리소스 > 쿠키로 이동

    여기에 이미지 설명을 입력하십시오

  3. 오른쪽에는 쿠키가 있습니다. 삭제하려면> 삭제를 마우스 오른쪽 버튼으로 클릭하십시오 .

    여기에 이미지 설명을 입력하십시오


쿠키편집 하려면 Chrome 플러그인을 추천합니다 : 이미 언급 된 EditThisCookie ( https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg )


그리고 시크릿 모드에서 어떻게합니까? chrome://settings시크릿 모드가 아닌 창에서 열리고 시크릿 모드에서 탭이 많이 열려 있어도 쿠키가 표시되지 않습니다.
izogfif

Chrome은보기에 좋으며 EditThisCookie는 잘못된 정보를 제공하고 멀웨어 / 애드웨어 또는 최상의 경계선 애드웨어 superuser.com/questions/1430151/…
barlop

12

이 쿠키 편집이라는 Chrome 플러그인이 있습니다. 쿠키를 추가, 편집 및 삭제할 수있는 메뉴를 브라우저 도구 모음에 추가합니다.

여기에서 설치하십시오 : https://chrome.google.com/webstore/detail/edit-this-cookie/fngmhnnpilhplaeedifhccceomclgfbg

소스 코드는 다음과 같습니다. https://github.com/fcapano/Edit-This-Cookie


방금 설치되었으며 좋은 플러그인처럼 보입니다. 또한 httpOnly 쿠키를 편집 할 수 있습니다. 매우 편리합니다.
Felix Eve

Chrome은보기에 좋으며 EditThiscookie는 잘못된 정보를 제공합니다. superuser.com/questions/1430151/…
barlop

5

완성도를 높이려면 개발자 도구 콘솔이나 추가 기능, 확장 프로그램 또는 플러그인이 필요하지 않습니다.

@StanleyD에서 제공하는 javascript 명령은 추가 "javascript :"를 추가하여 주소 표시 줄에 직접 입력 할 수 있습니다. 예 :

javascript:document.cookie="keyofcookie=valueofcookie"

이 방법은 많은 기술 전문가가 아닌 사용자에게 단계적으로 쿠키 변경 사항을 보내지 않아도되는 환경에서 유용합니다.


2
HttpOnly가 사용 된 경우 작동하지 않습니다.
Flimm



1

Chrome v59 이상에서는 다음 사이트로 이동할 수 있습니다.

chrome : // settings / content / cookies


1

이를 도울 수있는 확장 기능이 많이 있습니다. 내가 잘 만든 덜 알려진 것이 있습니다. 쿠키 편집기라고합니다.

Cookie-Editor는 대부분의 표준 쿠키 작업을 수행 할 수있는 사용하기 쉬운 인터페이스를 갖도록 설계되었습니다. 웹 페이지를 개발 및 테스트하거나 개인 정보 보호를 위해 쿠키를 수동으로 관리하는 데 이상적입니다.

모든 쿠키를보고 새 쿠키를 편집하거나 만들 수 있습니다. 쿠키를 삭제하고 파일로 가져 오거나 내보낼 수도 있습니다.

요청한 내용과 정확히 일치하며 도구 모음에서 직접 액세스 할 수 있기 때문에 내장 도구보다 사용하기가 더 쉽습니다.

Chrome 웹 스토어에서 다운로드 할 수 있습니다 : https://chrome.google.com/webstore/detail/cookie-editor/hlkenndednhfkekhgcdicdfddnkalmdm


당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.